javascript - 煎茶のチェック項目アイコン

Question

Extjs と Sencha は初めてです。UI の設計を開始し、ボタン付きの iconCls を正常に追加できました。ここで、チェック項目メニューにアイコンを追加する必要がありますhttp://dev.sencha.com/deploy/ext-4.1.0-gpl/docs/index.html#!/api/Ext.menu.CheckItem

しかし、私はできませんでした！私はiconClsプロパティを使用していますが。誰もこれをやったことがありますか？

Answer 1

テキストのすぐ横にアイコンが必要な場合は、メニュー項目がレンダリングされた後に画像を挿入するだけです。

Ext.create('Ext.menu.Menu', {
    width: 100,
    height: 200,
    floating: false, 
    renderTo: Ext.getBody(), 
    items: [{
        xtype: 'menucheckitem',
        text: 'select all',
        listeners: {
            render: function(comp) {
                Ext.DomHelper.insertAfter(comp.getEl().down(".x-menu-item-icon"), {
                    tag: 'img', 
                    src: "http://flyosity.com/images/_blogentries/networkicon/stepfinal2.png",
                    width: 16,
                    height: 16
                });
            }            
        }
    }]
});

理想的には、プラグインまたはサブクラスを作成して、この機能を再利用できるようにします。上記のコードはセパレーターを再調整しません。メニュー全体で単一のセパレーターですが、有利なスタートを切ることができます。