检查煎茶中的项目图标

check item icon in sencha

本文关键字：项目 图标 检查      更新时间：2023-09-26

我是Extjs和Sencha的新手。 我开始设计我的 UI，我可以成功地添加一个带有按钮的图标。 现在我需要将图标添加到检查项菜单 http://dev.sencha.com/deploy/ext-4.1.0-gpl/docs/index.html#!/api/Ext.menu.CheckItem

但我不能！即使我使用iconCls属性。有人以前做过吗？

如果您只想将图标放在文本旁边，则可以在呈现菜单项后插入图像

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

理想情况下，您将创建一个插件或子类，以便可以重用此功能。上面的代码不会重新对齐分隔符，它是整个菜单的单个分隔符，但它应该给你一个良好的开端

相关文章：