Как сделать гиперссылки интерактивными в EXTJS htmleditor

Question

Я столкнулся с этой проблемой и изо всех сил пытался заставить ее работать. Наконец нашел решение, поэтому подумал о том, чтобы отправить его сюда, чтобы когда-нибудь это было полезно кому-то.

У меня было два вопроса:

ПЕРВЫЕ

В ExtJS аккордеона панели, у меня был HTMLeditor во всех панелях. Всякий раз, когда там было развернуть/свернуть другие панели, введенные данные в редакторе используются пропадать (редактор потерю содержимого), даже если данные приходят из файла и были хранить в переменной

ВТОРОГО

В HTMLEDITOR, если содержание содержало гиперссылку, тогда редактор не разрешал кликать, и даже CTRL + CLICK не работал. Заметное содержание было однако показано, как гиперссылка

Thanks VikasDK

Answer 1

я не понял одну вещь. Почему код, который я поставил в моем вопросе, был удален. Я опубликовал код ниже в своем предыдущем сообщении, и теперь его нет.

ПЕРВОГО

Прослушайте расширить событие панели и поместите следующий код для сброса значения;

expand: function() 
{ 
var htmlEditor = Ext.getCmp(nodeId + '_desc_html_editor'); 
htmlEditor.setReadOnly(false); 
htmlEditor.setValue(desc_html);//desc_html contains the value fetched from the file 
} 

ВТОРОЙ

Сделать гиперссылка только для чтения с помощью следующей CSS, а затем, если вы звоните Javascript функции использовать «родителя.»;

<a href='javascript:void(0);' style='-webkit-user-modify: read-only; -moz-user-modify: read-only;' onclick='parent.functionName(\"parameter\")'>Click for Details</a> 

Answer 2

ПЕРВОГО

Слушайте расширяемой случае панель и поместите следующий код для сброса значения;

expand: function() 
{ 
var htmlEditor = Ext.getCmp(nodeId + '_desc_html_editor'); 
htmlEditor.setReadOnly(false); 
htmlEditor.setValue(desc_html);//desc_html contains the value fetched from the file 
} 

ВТОРОЙ

Сделать гиперссылка только для чтения с помощью следующей CSS, а затем, если вы звоните Javascript функции использовать «родителя.»;

<a href='javascript:void(0);' style='-webkit-user-modify: read-only; -moz-user-modify: read-only;' onclick='parent.functionName(\"parameter\")'>Click for Details</a> 

ТРЕТИЙ

Используйте autoEl

{ 
    xtype: 'component', 
    autoEl: { 
     tag: 'a', 
     href: 'http://www.example.com/', 
     html: 'Example.com' 
    } 
}