我有一个checkitem菜单,我想为每个菜单项添加图标,所以我在渲染菜单项后插入了每个图标。
我的代码和平:
{ xtype: 'menucheckitem',
text: 'First Arrow'
listeners: {
render: {
fn: me.onMenucheckitemRender,
scope: me
}
}
}
onMenucheckitemRender: function (abstractcomponent, options)
{
Ext.DomHelper.insertAfter(abstractcomponent.getEl().down(".x-menu-item-icon"), {
tag: 'img',
src: "icons/arrow1.png"
});
}
这很好用,但由于我需要多次使用不同的图标,我想知道如何创建一个子类,以便我可以重用这个功能。
谢谢
答案 0 :(得分:0)
使用Ext.define
方法和extend
属性。
Ext.define('SomeNamespace.menu.menucheckitemWithIcon', {
extand: 'Ext.menu.CheckItem',
alias: 'widget.menucheckitemWithIcon',
.
.
.
});