具有选择框的菜单

来源:互联网 发布:如何做好淘宝客服 编辑:程序博客网 时间:2024/05/17 03:22
  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 });

0 0