具有选择框的菜单

  var toolbar = Ext.create('Ext.toolbar.Toolbar', {
            renderTo: Ext.getBody(),
            width: 300
        });
        var menu = Ext.create('Ext.menu.Menu', {
            items: [
                {
                    text: "主题颜色", menu: Ext.create('Ext.menu.Menu', {
                        items: [
                            { text: "蓝色", checked: true, group: 'theme'},//在按钮对象中添加checked属性按钮左边就会有个选框
                            { text: "红色", checked: false, group: 'theme' },//加上group,选框是圆点,更漂亮。
                            { text: "绿色", checked: false, group: 'theme' }//checked=true表示框被选中。
                        ]
                    })
                },
                {text:"是否启用",checked:true}//不加group,按钮左边是一个正方体
            ]
        });
        toolbar.add({ text: "颜色选择", menu: menu });

posted @ 2014-10-23 21:12  lz3018  阅读(184)  评论(0编辑  收藏  举报