sencha檢查項目圖標

我是Extjs和Sencha的新人。我開始設計我的用戶界面，我可以用按鈕成功添加iconCls。現在我需要添加圖標到checkitem menue http://dev.sencha.com/deploy/ext-4.1.0-gpl/docs/index.html#!/api/Ext.menu.CheckItem sencha檢查項目圖標

但我不能！即使我使用iconCls屬性。以前有人做過這個嗎？

來源

2012-06-26 Shadin

如果iconCls實際上應用於菜單項的元素，是否檢查了開發人員工具？也許在CSS裏面有問題... –

他們已經在使用複選框圖標保留的空間了，你想要複選框旁邊的圖片嗎？這將需要移動分隔線和排列 –

@Dmitry Pashkevich，但我不認爲在CSS中有問題，因爲它可以很好地與其他所有內容一起工作 – Shadin

如果你只是想旁邊的文字圖標，你可以插入圖像菜單項呈現

後

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 
       }); 
      }    
     } 
    }] 
});

理想情況下，你需要創建一個插件或子類，所以你可以重用這個功能。上面的代碼沒有重新對齊分隔符，它是整個菜單的單個分隔符，但它應該給你一個開始

來源

2012-06-26 18:27:19

謝謝！好想法。 – Shadin

sencha檢查項目圖標

回答

相關問題