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的使用方法汇总6——工具栏和菜单

菜单的种类很多,包括下拉菜单、分组菜单、右键菜单等等,右键菜单与Window桌面上单击右键弹出的菜单效果一样,只是样式不同,菜单上的内容包括文字、单选框、按钮等。对于EXT来说,这些菜单的实现都非常简...

【工作笔记】从零开始学ExtJs6( 四)—— 首页树状菜单和Tab页的实现

题外话 做一个项目要向完成对应的模块,肯定是先要有树形菜单结构,点击对应才dna跳转到相应界面,在extjs中如何实现。是上周遇到的一个小问题,现在做做记录 app目录下创建data/menuDa...

跟我一起学extjs5(08--自定义菜单1)

跟我一起学extjs5(08--自定义菜单1)         顶部和底部区域已经作好,在顶部区域有一个菜单的按钮,这一节我们设计一个菜单的数据结构,使其可以展示出不同样式的菜单。由于准...
  • jfok
  • jfok
  • 2014-07-02 09:38
  • 15101

Extjs4 treePanel异步加载菜单

Extjs4 treePanel异步加载菜单(后台从数据库读取) 博客分类: extjs   一、首先设计编写...
  • Y_FQY
  • Y_FQY
  • 2016-09-20 17:02
  • 168

Extjs结合后台数据库动态生成多层菜单树

JS/Main.js//----------------------------------------------左边var root=new Ext.tree.AsyncTreeNode({   ...

Extjs学习 menu菜单

本菜单的效果   完整代码下载   详细代码:    HTML PUBLIC "-//W3C//DTD HTML 4.01//ZH-CN" "http://www.w3.org/TR/ht...

ExtJs定义树形菜单

测试页面 Ext.onReady(function(){ // 树形配置开始 var treePanel = new Ext.tree...

ExtJs Treepanel 实现整个树形菜单刷新

在之前的一次项目开发学习过程中,我需要实现一个功能,就是点击导航栏的链接后左侧树形菜单自动生成对应的菜单项。当时这个问题困扰了我很长一段时间。 后来,在看了ExtJs官方的文档及Demo后一下...

EXTJS 菜单的综合例子

Ext.onReady(function(){ //工具条的创建 var tb=new Ext.Toolbar(); tb.render("toolbar");//渲染到div...

Extjs4开发笔记(三)——菜单的实现

上篇文章介绍了搭建一个空的框架(链接地址:www.mhzg.net/a/20116/201162913210280.html),使得管理系统有了大致的模样,今天工作的主要内容就是菜单的实现以及点击菜单...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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