Question

ExtJS中怎样实现动态主菜单

请问在ExtJS中怎样实现动态主菜单，就是从数据库中取出的数据，然后JSON后怎样加载到Ext.menu.Menu上

Answer 1

Ext.Ajax.request({
    //后台请求数据
    url: 'xxx.php',
    success: function (response){
    var data = Ext.decode(response.responseText);
    //创建空的工具条
    var MenuBar = Ext.create('Ext.toolbar.Toolbar');
    for(var i=0;i<data.length;i++){
        var Menu = data[i];
        MenuBar.add({
            text: Menu.text
            handler: 跳转页面函数，一般要传参
        });
    }
    MenuBar.doLayout();
});

没有亲测过，也许会有点问题，遇到了再追问吧

Answer 2

Ext.Ajax.request({
    url: 'xxx.php',
    success: function (response){
    var data = Ext.decode(response.responseText);
    var MenuBar = Ext.create('Ext.toolbar.Toolbar');
    for(var i=0;i<data.length;i++){
        var Menu = data[i];
        MenuBar.add({
            text: Menu.text
            handler: 跳转页面函数
        });
    }
    MenuBar.doLayout();
});

Answer 3

Ext.onReady(function(){
Ext.QuickTips.init();
var dataItems=[
{
text: 'Aero Glass',
handler: onItemClick
}, {
text: 'Vista Black',
handler: onItemClick
}, {
text: 'Gray Theme',
handler: onItemClick
}, {
text: 'Default Theme',
handler: onItemClick
}
];
var menu = new Ext.menu.Menu({
id: 'mainMenu',
style: {
overflow: 'visible'
},
items:dataItems
});
var tb = new Ext.Toolbar();
tb.render('toolbar');
tb.add({
text:'Button w/ Menu',
iconCls: 'bmenu', // <-- icon
menu: menu // assign menu by instance
})
tb.doLayout();
function onItemClick(item){
Ext.MessageBox.alert('Menu Click', 'You clicked the "{0}" menu item.', item.text);
}
});

Answer 4

动态添加好像 是 没有，不过不知道这样满足不满足你的需要，你可以多创建几组菜单然后根据你 的 需要向Toolbar上添加，具体你可以看看 http://beckrabbit.javaeye.com/blog/132091

Answer 5

请你一一试试~应该就可以了！！

Answer 6

加我，我帮你，这个地方说不清楚