`
minzaipiao
  • 浏览: 146294 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

treePanel tabPanel

阅读更多
{
							title:'导航菜单',
							iconCls:'icon-nav',
							xtype : 'treepanel',
							border : false,
							containerScroll:true,
					        animate:true,
					        rootVisible :false,
							loader : new Ext.tree.TreeLoader({
								dataUrl:'js/tree-nav.json'
							}),
							root : {nodeType: 'async'},
							listeners:{
								'click':function(node,event){
									event.stopEvent();
									var n = tabs.getComponent(node.id);
									if(node.isLeaf()&& !n){
										tabs.add({
											id:node.id,
											title:node.text,
											closable:true
									}).show();
									}
								}
							}
						}
分享到:
评论

相关推荐

    一个Coolite TreePanel TabPanel的网站后台框架示例

    一个Coolite TreePanel TabPanel的网站后台框架示例 Coolite 是一个用C#封装了ExtJS的Ajax控件,后台效果的用户体验还是很不错的! 项部是一个图片,左边一棵树形,树形可以从后台配置,点击叶子结点时从Tabs页内依次打开...

    treepanel 和 tabpanel 完整

    treepanel 和 tabpanel 合在一起使用,可直接使用

    再探Ext中TreePanel控件和TabPanel控件搭配测试

    博文链接:https://jfp.iteye.com/blog/178889

    用coolite布局,数据库绑定Treepanel,用Tabpanel显示

    向各位推荐一下用Coolite来部局,用后台数据库数据绑定到TreePanel上,当点不同的节点,在TabPanel上添加一个Tab。并显示要显示的网页。

    Extjs做的treepanel+tab切换页

    基于extjs 3.2,右侧折叠面板,然后面板里面包含了树,点击树节点以后,会把树的href里面的地址加载到右边的tabpanel。代码清晰简单。

    tree with tab

    extjs 左边窗口treepanel 菜单与右边窗口tabpanel 交互 var westPanel = Ext.create('Ext.tree.Panel', { title : '菜单', region : 'west', margins : '0 5 0 0', width : 200, store : store1, ...

    ExtJs入门实例

    9. ExtJs2.0学习系列(9)--Ext.TabPanel之第一式 10. ExtJs2.0学习系列(10)--Ext.TabPanel之第二式 11. ExtJs2.0学习系列(11)--Ext.XTemplate 12. ExtJs2.0学习系列(12)--Ext.TreePanel之第一式 13. ExtJs2.0学习系列...

    Ext3.0的个人笔记及例子

    Ext3.0的个人笔记及例子,包括按钮,表单及验证,panel,window,TabPanel,treePanel,formPanel,gridPanel,viewPort等主要控件

    asp.net Coolite TablePanel使用

    TabPanel控件使用非常简单,但是功能却非常强大,它同MenuPanel、TreePanel一样提供了很多的集合属性,可以定制出丰富的应用。

    点击添加标签

    点击ext中的treepanel,在右边显示不同的tabpanel,就像浏览器点击标签后打开一个新的标签页一样!第一次点击添加一个新的tabpanel,如果tab已经存在则自动跳转到该tab!

    ExtJS 2.0实用简明教程

    19)选项面板TabPanel 20)基本表格GridPanel 21)视图区ViewPort 22)可编辑表格EditorGridPanel 23)窗口基本应用 24)窗口分组 25)对话框 26)与服务器交互 27)Record 28)Store 29)TreePanel基本使用 30)使用树控件...

    轻松搞定Extjs_原创

    第二十七章:选项卡面板——Ext.TabPanel 214 一、关于魅族和M8 214 二、TabPanel概述 214 三、TabPanel标签操作 216 四、标签弹出菜单 217 五、小结 220 第二十八章:Viewport类 221 一、概述 221 二、Viewport的...

    ExtJS4中文教程2 开发笔记 chm

    Extjs4 TreePanel实例 ExtJs4 动态加载 Extjs4 带复选框的树(Checkbox tree) Extjs4 新的布局方式 Extjs4 锁定表头(Locking Grid)功能 Extjs4.0 MVC实例 Extjs4.0动态填充combobox数据 Extjs4中up()和down()的用法...

    ExtJs2.0简明教程

    15 第三章 使用面板…………………………………………………………………………………………………………17 3.1 Panel…………...TabPanel…………………………………………………………………………………………...

    精通JS脚本之ExtJS框架.part2.rar

    10.1 TreePanel的基本使用 10.1.1 创建一棵树 10.1.2 为树生枝展叶 10.1.3 树形的配置 10.1.4 使用TreeLoader获得数据 10.1.5 读取本地JSON数据 10.2 树的事件 10.3 右键菜单 10.4 修改节点的默认图标 10.5...

    精通JS脚本之ExtJS框架.part1.rar

    10.1 TreePanel的基本使用 10.1.1 创建一棵树 10.1.2 为树生枝展叶 10.1.3 树形的配置 10.1.4 使用TreeLoader获得数据 10.1.5 读取本地JSON数据 10.2 树的事件 10.3 右键菜单 10.4 修改节点的默认图标 10.5...

    ExtJS快速入门指南.pdf

    十、TabPanel....................................................................................................................... 24 十一、布局..........................................................

Global site tag (gtag.js) - Google Analytics