extjs4.2点击树形菜单生成tab页并访问发送请求
2017-06-02 10:14
381 查看
Ext.onReady(panelLayout); function panelLayout() { //新建tabpanel var tab = Ext.create('Ext.TabPanel', { region : 'center', deferredRender : false, activeTab : 0, resizeTabs : true, // turn on tab resizing minTabWidth : 115, tabWidth : 135, enableTabScroll : true }); var viewPort = Ext.create('Ext.Viewport', { layout : "border", items : [ { region : 'north', minHeight : 100, html : 'north' }, { title : 'West Region is collapsible', region : 'west', xtype : 'panel', width : 200, collapsible : true, // 设置可折叠 id : 'west-region-container', layout : 'fit', margins : '0 0 0 0', layout : 'accordion', title : '菜单', split : true, collapsible : true, layoutConfig : { animate : true }, items : [{ title : '业务信息处理', xtype : 'treepanel', expanded : true, animate : true, enableDD : false, border : false, containerScroll : true, root : { text : '..', id:'root', children : [{ text : '业务信息', id : 'bussinessInfo_gotoBusinessInfo.do', leaf : true }, { text : '组织管理', leaf : true, id :'dept_list.jsp' }] }, listeners:{ //添加节点点击事件 itemclick: function(v,r,item){ var n = tab.getComponent(r.raw.id); if(r.raw.id=='root'){ return; } if (!n) { // 判断是否已经打开该面板 n = tab.add({ 'id' : r.raw.id, 'title' : r.raw.text, closable : true, // 通过html载入目标页 html : '<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="'+r.raw.id+'"></iframe>' }); } tab.setActiveTab(n); } } }, { title : '信息中心', border : false, html : '<div id="tree2" style="overflow:auto;width:100%;height:100%"></div>' }, { title : '系统设置', border : false, html : '<div id="tree3" style="overflow:auto;width:100%;height:100%"></div>' }] },tab, { region : 'south', minHeight : 25, html:"<div align='center'>版权所有 xxxx有限公司 © 信息服务中心</div>" } ] }) }
相关文章推荐
- extjs4.2点击树形菜单生成tab页并访问发送请求
- ExtJS 4.2 树形结构请求后台数据无法展示子节点,而是没点击一次请求一次数据,无限请求加载所有的父节点元素
- ExtJS4.2 根据数据库记录构建树形菜单
- jquery easyui实现树形(Tree)菜单点击,在content页生成Tab功能
- ExtJS4.2 根据数据库记录构建树形菜单
- jquery easyui实现树形(Tree)菜单点击,在content页生成Tab功能
- Extjs结合后台数据库动态生成多层菜单树
- xloadtree 生成树形菜单
- EXTJS学习系列提高篇:第九篇(转载)作者殷良胜,制作树形菜单之三
- EXTJS学习系列提高篇:第十篇(转载)作者殷良胜,制作树形菜单之四
- (转)sql server 生成树形菜单
- 菜单动态生成及菜单点击事件
- JavaScript动态生成树形菜单创建表格
- 可以展开刷新不改变的二级树形菜单,大类点击不展开小类,小类有旁边的图标展开(图)
- 使用C#访问百度指数:模拟发送请求/得到响应数据(2)
- 生成三级树形菜单
- javascript操作xml生成树形菜单
- EXTJS学习系列提高篇:第八篇(转载)作者殷良胜,制作树形菜单之二
- 可以展开刷新不改变的二级树形菜单,大类点击不展开小类,小类有旁边的图标展开(图)
- ExtJs Tree的操作:注册事件,拖拽(目标位置的判断)、点击事件、加载之间事件、右键菜单