我正在尝试在Ext JS 4中创建自己的LinkButton组件。这并不是什么新鲜事,对吧?
我的代码如下:
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);”不起作用!即使我将其从“on”更改为“addListener”,也没有任何效果。
所以问题是:如何向我的组件添加DOM事件?或者,更好的是,如何访问自己组件的DOM元素?我一直无法做到这些!
谢谢!