ExtJS--菜单

原创 2013年12月02日 10:07:52
iptv.view.Menu = function(config) {
	var menuPanel = new Ext.Panel({
		id : 'menuPanel',
		region : 'west',
		title : '系统菜单',
		iconCls : 'icon-treemenu',
		width : 180,
		layout : 'accordion',
		collapsible : true,
		split : true
			// items:[treeMenu]
	});
	return menuPanel;
};
var createTreeMenu = function(data) {
	Ext.getBody().unmask();
	var obj = JSON.parse(data.responseText);
	var westFrame = Ext.getCmp('menuPanel');
	for (var i = 0; i < obj.length; i++) {
		westFrame.add(Ext.create('Ext.tree.Panel', {
					title : obj[i].text,
					iconCls : obj[i].iconCls,
					autoScroll : true,
					rootVisible : false,
					store : createTreeStore(obj[i].id),
					listeners : {
						'itemclick' : function(view, record, item, index, e,
								opts) {
							if (record.data.leaf) {
								var mainPagePanel = Ext
										.getCmp(basicConstant.MAIN_PAGE_ID);
								var tab = mainPagePanel
										.getComponent(record.data.id + '_tab');
								if (tab) {
									mainPagePanel.setActiveTab(tab);
								} else {
									mainPagePanel.add({
												itemId : record.data.id
														+ '_tab',
												title : record.data.text,
												border : false,
												closable : true,
												layout : 'fit',
												iconCls : 'icon-win-double',
												items : menuFactory(record.data.id)
											}).show();
								}
							}
						}
					}
				}));

		westFrame.doLayout();
	}
};
var createTreeStore = function(pid) {
	var store = new Ext.data.TreeStore({
				proxy : {
					type : 'ajax',
					url : 'moduleAction!getModule.action',
					reader : 'json'
				},
				nodeParam : 'pid',
				autoLoad : true,
				root : {
					id : pid
				}
			});
	return store;
};

extjs--添加多行工具条toolbar

在应用程序的制作中,我们经常性的会用到工具栏,在Extjs中Panel中提供了tbar和bbar两个内置的工具栏,极大的方便了大家的使用,但是在创建多行工具栏的时候,就会有一些问题产生了,不能正常的显...
  • snn1410
  • snn1410
  • 2013年03月06日 10:38
  • 7879

html二级菜单动画逐渐收缩或显示

动画效果类似这个网站的(= =不是广告,找不到其他的了) http://www.17sucai.com/pins/demoshow/242 具体实现: 动画菜单 * {...
  • C_jian
  • C_jian
  • 2016年10月28日 00:00
  • 1176

CSS制作简单的纵向菜单

用CSS制作简单的纵向菜单
  • Jolly_1127
  • Jolly_1127
  • 2015年12月07日 16:35
  • 936

Jeecg使用多级菜单

基于jeecg3.6.6代码修改,替换ListtoMenu类,或只替换getHplusSubMenu和getLeafOfHplusTree两个函数package org.jeecgframework....
  • niepan110
  • niepan110
  • 2017年03月24日 16:48
  • 1610

三种方式实现网页二级菜单

方法一:使用HTML和CSS实现 首先是Html代码,习惯上会将菜单放在一个div里,使用盒子模型,方便以后的操作和设置样式。 二级菜单也就是在一级菜单中的li中再添加一个ul-li结构 ...
  • Bazingaea
  • Bazingaea
  • 2016年11月28日 21:18
  • 14159

Android基础知识】选项菜单、上下文菜单、子菜单的使用

Android子菜单,上下文菜单
  • qq_29933359
  • qq_29933359
  • 2016年12月07日 16:37
  • 864

树形菜单的数据结构实现方式

1、引言           树形菜单是WEB应用常见的一种功能导航展现方式,不管树形菜单用什么样的技术去实现,无论如何是跳不出以下两步的:第一、读取菜单数据;第二、展现菜单。实现菜单的展现有很多方...
  • zhimingli7938
  • zhimingli7938
  • 2013年10月10日 20:31
  • 2048

二级浮动菜单(angularjs2 + css)

UX给出这个要求,就是dc下有多个云环境,要求dc是下拉菜单,云环境在右边显示,拿到需求还有点蒙,同事说很像京东页面啊,搜了下,有人实现过,照着改了改 大概就是先写个下拉菜单,然后右边的部分...
  • april_4
  • april_4
  • 2016年11月12日 14:59
  • 2294

基于状态机的LCD多级菜单设计

液晶显示器(Liquid Crystal Display,LCD)由于其体积和功耗等因素,非常适合嵌入式环境的使用。近年来,随着微处理器性能的提高,嵌入式系统实现的功能越来越强大,产生的数据量也越来越...
  • Bruce_ruo
  • Bruce_ruo
  • 2014年06月29日 21:51
  • 1195

oled多级菜单实现方法

1、首先定义一个机构体如下 typedef struct    {      unsigned char current;      unsigned chaup;//上键      uns...
  • a369000753
  • a369000753
  • 2016年05月26日 18:52
  • 2918
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ExtJS--菜单
举报原因:
原因补充:

(最多只允许输入30个字)