Я пытаюсь создать свой собственный компонент LinkButton в Ext JS 4. Ничего нового, верно?
Мой код выглядит так:
Ext.define('LinkButton', {
extend: 'Ext.Component',
xtype: 'linkbutton',
autoEl: 'a',
renderTpl: '<a href=\"javascript:;\">{text}</a>',
config: {
text: '',
handler: function () { }
},
initComponent: function () {
var me = this;
me.callParent(arguments);
this.renderData = {
text: this.getText()
};
var handler = me.getHandler();
if (handler) {
me.on('click', handler);
}
}
});
Пока все хорошо! Моя ссылка LinkButton выглядит как гиперссылка и мой текстовый контент находится там. Изящные.
Однако я не могу заставить свой компонент вызывать событие, когда я нажимаю на него!
Эта конкретная строка me.on('click', handler);
не работает! Даже если я изменю его с на на addListener , это не даст никакого эффекта.
Итак, вопрос: как добавить события DOM в мой компонент? Или, что еще лучше, как мне получить доступ к элементу DOM моего собственного компонента? Я не смог этого сделать!
Спасибо!