extjs动态导航菜单

Ext.onReady(function() {
    // 定义菜单数据模型
    Ext.define('MenuItem', {
        extend: 'Ext.data.Model',
        fields: ['text', 'iconCls', 'handler']
    });

    // 创建菜单数据存储
    var menuStore = Ext.create('Ext.data.Store', {
        model: 'MenuItem',
        data: [
            { text: 'Home', iconCls: 'home', handler: function() { alert('Home clicked'); } },
            { text: 'About', iconCls: 'info', handler: function() { alert('About clicked'); } }
        ]
    });

    // 创建动态导航菜单
    var navMenu = Ext.create('Ext.menu.Menu', {
        items: menuStore.map(function(item) {
            return {
                text: item.get('text'),
                iconCls: item.get('iconCls'),
                handler: item.get('handler')
            };
        })
    });

    // 创建按钮以触发菜单显示
    Ext.create('Ext.Button', {
        text: 'Navigation',
        renderTo: Ext.getBody(),
        menu: navMenu
    });
});