extjs中怎樣實現動態主菜單的簡單介紹

本文目錄一覽：

• 1、ExtJS中怎樣實現動態主菜單
• 2、關於Extjs中 gridpanel里我想實現動態的行浮動菜單
• 3、關於extjs的問題，extjs的導航菜單問題
• 4、extjs導航面板裡面菜單動態生成的怎麼做
• 5、Extjs中如何使用資料庫中的數據，創建動態菜單

ExtJS中怎樣實現動態主菜單

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;ilt;data.length;i++){

var Menu = data[i];

MenuBar.add({

text: Menu.text

handler: 跳轉頁面函數，一般要傳參

});

}

MenuBar.doLayout();

});沒有親測過，也許會有點問題，遇到了再追問吧

關於Extjs中 gridpanel里我想實現動態的行浮動菜單

tip是幹啥的啊，就是提示唄，是放在目標上出來的一行提示 。。。 滑鼠放tip上有什麼用？

想不消失就把目標的mouseout截了啊

恩，浮動菜單可以的，往裡加唄

關於extjs的問題，extjs的導航菜單問題

Ext.menu.Menu 對象里的ITEM 有兩種類型。1，Ext.menu.Item。2，Ext.menu.Menu的嵌套

你說的3級菜單就是Ext.menu.Menu+Ext.menu.Menu+Ext.menu.Item的嵌套。

具體用add方法添加。

部分代碼如下：

var hmenu_copy = new Ext.menu.Menu();

hmenu_copy.add({

text:’level2′,

//scope: this,

iconCls:’x-group-by-icon’,

menu:[

{text:’level3′,handler: },

]

});

由於是項目截碼，具體自己加其他環境。還有問題請追加

extjs導航面板裡面菜單動態生成的怎麼做

ajax請求後台，然後遍歷返回結果，每個結果new 一個item，添加到menu就好了

Extjs中如何使用資料庫中的數據，創建動態菜單

登錄驗證 , 然後 將你的菜單返回 , 格式無所謂 , 只要你最後能從JS中解析出來

將菜單加到一個toolbar上

設置菜單的事件

//下面是簡單的摘子目前用的的一個例子

/**

 *頂部菜單

 */

Ext.define(‘XRS.page.bar.Top’, {

    extend: ‘Ext.toolbar.Toolbar’,

    dock: “top”,

    border: “1 0 2 0”,

    initComponent: function () {

        var me = this;

        //這裡是對菜單進行解析 , 因為我從後台返回來的是 列表 , 而不是一個樹 , 所以需要解析成 菜單的格式

        //參數$Admin.getMainMenu() 這個是從後台飯回來的數據的一個簡單包裝 , 在下面我一個樣本

var mainMenu = this.parseMenu($Admin.getMainMenu());

me.items = mainMenu;

        this.callParent();

    } , 

    //解析成菜單格式的數據

    parseMenu: function (menus) {

        var me = this;

        if (!(menus  menus.length  0)) return false;

        //根據parentid生成樹

        var map = {};

        var rs = [];

        Ext.each(menus, function (n) {

            n.id = “mainmenu_” + n.id;

            n.text = n.name;

            //這裡是設置點擊事件的 , 通過bind , 不需要設置scope

            n.handler = Ext.bind(me.onClick, me);

            //下面的只是生成一個菜單的數據格式

            map[n.id] = n;

            //如果找到父節點

            if (map[“mainmenu_” + n.parentid]) {

                var pn = map[“mainmenu_” + n.parentid];

                if (!pn.menu) {

                    pn.hideOnClick = false;

                    pn.menu = {

                        items: []

                    };

                }

                if (n.isSeparator == “1”) n.xtype = “menuseparator”;

                pn.menu.items.push(n);

            } else {

                if (n.isSeparator == “1”) n.xtype = “tbseparator”;

                rs.push(n);

            }

        }, this);

        return rs;

    },

    //這是一個點擊事件

    onClick: function (menu, e) {

        if (!menu) return;

        //可以任意設置事件

        alert(menu.text);

        //this.fireEvent(‘moduleclick’, menu, ‘menu’);

    }

});

//下面是個返回的菜單數據樣本 , 是個列表

        “mainMenu”: [

        {

            “$id”: “14”,

            “id”: 53,

            “name”: “基礎信息”,

            “code”: “”,

            “menutype”: null,

            “module”: “”,

            “moduleConfig”: ”          “,

            “method”: ”          “,

            “isWindow”: null,

            “url”: null,

            “iconCls”: “ico_baseinfo”,

            “parentid”: 1,

            “path”: “1,53”,

            “ix”: 24,

            “privilege”: “6”,

            “isSeparator”: 0,

            “xtype”: null,

            “disabled”: null,

            “noprivilege”: 0

        },

        {

            “$id”: “35”,

            “id”: 54,

            “name”: “系統代碼管理”,

            “code”: “”,

            “menutype”: null,

            “module”: “XRS.baseinfo.code.List”,

            “moduleConfig”: ”          “,

            “method”: ”          “,

            “isWindow”: null,

            “url”: null,

            “iconCls”: “ico_code”,

            “parentid”: 53,

            “path”: “1,53,54”,

            “ix”: 1,

            “privilege”: “7”,

            “isSeparator”: 0,

            “xtype”: null,

            “disabled”: null,

            “noprivilege”: 0

        },

        {

            “$id”: “36”,

            “id”: 55,

            “name”: null,

            “code”: null,

            “menutype”: null,

            “module”: null,

            “moduleConfig”: null,

            “method”: null,

            “isWindow”: null,

            “url”: null,

            “iconCls”: null,

            “parentid”: 53,

            “path”: “1,53,55”,

            “ix”: 2,

            “privilege”: “7”,

            “isSeparator”: 1,

            “xtype”: null,

            “disabled”: null,

            “noprivilege”: 0

        },

        {

            “$id”: “37”,

            “id”: 57,

            “name”: “部門機構”,

            “code”: “”,

            “menutype”: null,

            “module”: “XRS.baseinfo.organization.List”,

            “moduleConfig”: ”          “,

            “method”: ”          “,

            “isWindow”: null,

            “url”: null,

            “iconCls”: “ico_org”,

            “parentid”: 53,

            “path”: “1,53,57”,

            “ix”: 3,

            “privilege”: “8”,

            “isSeparator”: 0,

            “xtype”: null,

            “disabled”: null,

            “noprivilege”: 0

        },

        {

            “$id”: “38”,

            “id”: 58,

            “name”: “用戶”,

            “code”: “”,

            “menutype”: null,

            “module”: “XRS.baseinfo.user.List”,

            “moduleConfig”: ”          “,

            “method”: ”          “,

            “isWindow”: null,

            “url”: null,

            “iconCls”: “ico_user”,

            “parentid”: 53,

            “path”: “1,53,58”,

            “ix”: 4,

            “privilege”: “9”,

            “isSeparator”: 0,

            “xtype”: null,

            “disabled”: null,

            “noprivilege”: 0

        },

        {

            “$id”: “39”,

            “id”: 59,

            “name”: “角色”,

            “code”: “”,

            “menutype”: null,

            “module”: “XRS.baseinfo.role.List”,

            “moduleConfig”: ”          “,

            “method”: ”          “,

            “isWindow”: null,

            “url”: null,

            “iconCls”: “ico_role”,

            “parentid”: 53,

            “path”: “1,53,59”,

            “ix”: 5,

            “privilege”: “10”,

            “isSeparator”: 0,

            “xtype”: null,

            “disabled”: null,

            “noprivilege”: 0

        }]