1

チェック項目メニューがあり、各メニュー項目にアイコンを追加したいので、メニュー項目がレンダリングされた後に各アイコンを挿入しました。

私のコードの平和:

{   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"
});
}

これは問題なく機能しますが、さまざまなアイコンで何度も必要になるため、この機能を再利用できるようにサブクラスを作成する方法を知りたいと思います。

ありがとうございました

4

1 に答える 1

0

Ext.defineメソッドとextendプロパティを使用します。

Ext.define('SomeNamespace.menu.menucheckitemWithIcon', {
  extand: 'Ext.menu.CheckItem',
  alias: 'widget.menucheckitemWithIcon',

  .
  .
  . 

});
于 2012-09-11T20:49:29.663 に答える