您的位置:

extjs中怎样实现动态主菜单的简单介绍

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

        }]

extjs中怎样实现动态主菜单的简单介绍

本文目录一览: 1、ExtJS中怎样实现动态主菜单 2、关于Extjs中 gridpanel里我想实现动态的行浮动菜单 3、关于extjs的问题,extjs的导航菜单问题 4、extjs导航面板里面菜

2023-12-08
extjs制作菜单导航的简单介绍

本文目录一览: 1、如何实现EXTJS左边导航的3级菜单 2、extjs导航面板里面菜单动态生成的怎么做 3、关于extjs的问题,extjs的导航菜单问题 4、Extjs怎么把树做进导航栏里? 5、

2023-12-08
extjs添加方法的简单介绍

本文目录一览: 1、EXTJS 如何给一个文本框添加点击事件 2、Extjs 2.0 如何动态的添加checkBox 3、extjs中怎么添加事件 EXTJS 如何给一个文本框添加点击事件 有两种方法

2023-12-08
自定义extjs主题的简单介绍

本文目录一览: 1、Extjs 4如何自定义Panel 2、extjs3 中怎么动态的增加自定义样式 3、extjs怎样自定义图片,并把它变成iconcls类 4、extjs怎么自定义函数 5、ext

2023-12-08
extjs的简单介绍

本文目录一览: 1、extjs是什么??用来做什么的?麻烦不要复制,通俗点,3Q 2、Extjs框架是什么 3、extjs怎么自定义函数 extjs是什么??用来做什么的?麻烦不要复制,通俗点,3Q

2023-12-08
extjs的jsp标签库的简单介绍

本文目录一览: 1、怎么样理解Jsp页面里面写的Ext代码,或者是怎么把界面显示出来的 2、ExtJS 中JS页面如何调用另外一个XX.jsp页面javascript中的方法? 3、extjs里面怎么

2023-12-08
extjs在线demo的简单介绍

本文目录一览: 1、谁有extjs4选择记录并修改的demo? 2、各位同志们,请问这个页面用EXTJS怎么做出来?有没有demo版本的示例啊,求教啊 3、extjs官方在线demo究竟怎么看源码 4

2023-12-08
extjs4动态加载css文件的简单介绍

本文目录一览: 1、ExtJS4.2怎么引用js和css文件? 2、extjs中怎样引用css 3、如何实现JavaScript动态加载CSS和JS文件 4、extjs4.0要导入那些CSS+JS文件

2023-12-08
extjs模板循环的简单介绍

本文目录一览: 1、如何销毁extjs窗体? 2、extjs的card布局中使用XTemplate模板填充item的问题 3、Extjs如何动态加载Extjs脚本 4、extJS4.0 我在for循环

2023-12-08
extjs怎么添加swf的简单介绍

2022-11-24
extjs怎么删除的简单介绍

本文目录一览: 1、extjs combobox 到底怎么清除啊 2、extjs 怎么删除controller 3、Extjs 如何获取当前路径删除指定的文件? 4、在ExtJS中,想批量添加,删除S

2023-12-08
extjs框架面试的简单介绍

本文目录一览: 1、Extjs框架是什么 2、Extjs怎么样? 3、Web前端框架是什么?优就业面试题目! 4、新建java web项目如何添加extjs.js配置文件 Extjs框架是什么 Ext

2023-12-08
extjs中的flex的简单介绍

本文目录一览: 1、extjs里如何调整columns里的列宽 2、前端技术FLEX,EXTJS,easyui选择哪个比较好 3、求助,extjs表格中最后的那列怎么去掉啊,效果在下面,求高手指点!!

2023-12-08
extjs快速开发入门指南的简单介绍

本文目录一览: 1、ExtJS是什么,一位学长说的,对这个从未听说 2、ext基本语法 3、转:新手如何学习ExtJS 4 4、extjs实用开发指南 ExtJS是什么,一位学长说的,对这个从未听说

2023-12-08
再探extjs的简单介绍

本文目录一览: 1、怎么用Extjs做报表啊,求源代码,跪求啊 . 2、请问如何使用EXTjs脚本实现页面跳转? 3、extjs 先闪一下然后再显示 怎么用Extjs做报表啊,求源代码,跪求啊 . 你

2023-12-08
extjs教程的简单介绍

本文目录一览: 1、下载Extjs 视频教程网站 2、extjs5.0日历控件calendar教程资料 3、ExtJS 2.0实用简明教程之应用ExtJS 4、求推荐学习ExtJS的资料,网站。 5、

2023-12-08
extjs表格打印的简单介绍

本文目录一览: 1、extjs 可编辑表格 2、extjs6.0数据表格(带复选框) 3、extjs是什么??用来做什么的?麻烦不要复制,通俗点,3Q 4、extjs 添加类似excel的表格 (添加

2023-12-08
extjs节点的简单介绍

本文目录一览: 1、extJs如何找到树的某个节点 2、在Extjs4.0中,设置节点为选中状态 3、extjs 给treepanel增加节点 4、EXTjs 怎样遍历树的所有节点获取节点下的值 5、

2023-12-08
extjscheckboxfield的简单介绍

本文目录一览: 1、extjs CheckboxGroup默认选中问题 2、在ext中如何动态设置checkbox的checked属性! 3、Extjs怎么实现下拉框多选 4、extjs 根据fiel

2023-12-08
包含extjs根据权限动态生成菜单的词条

本文目录一览: 1、用Extjs做一棵动态的权限树,权限自动勾上? 2、各位大神,问个问题. ExtJS 2.0 如何动态添加checkbox ? 就是我在数据库读取权限, 然后在界面上用checkb

2023-12-08