Ext.onReady(function(){
var store = Ext.create('Ext.data.TreeStore', {
root: {
expanded: true,
children: [
{ text: "detention", leaf: true,id:'id1'},
{ text: "homework", expanded: true, id:'id2',children: [
{ text: "book report", leaf: true, id:'id3'},
{ text: "alegrbra", leaf: true,id:'id4'}
] },
{ text: "buy lottery tickets", leaf: true ,id:'id5'}
]
}
});
var tree=Ext.create('Ext.tree.Panel', {
title: 'Simple Tree',
width: 200,
height: 150,
store: store,
rootVisible: false,
renderTo: Ext.getBody()
});
var tabs=Ext.create('Ext.tab.Panel', {
width: 400,
height: 400,
renderTo: document.body,
items: [{
title: 'Foo'
}, {
title: 'Bar',
tabConfig: {
title: 'Custom Title',
tooltip: 'A button tooltip'
}
}]
});
tree.on('itemclick',function(view,record,item,index,e,opts){
//获取当前点击的节点
var treeNode=record.raw;
var id = treeNode.id;
var text=treeNode.text;
//获取点击的树节点相同的tab标签
var tab = tabs.getComponent(id);
if(!tab){//如果不存在
tabs.add({//用点击树的节点的ID、text新建一个tab
id:id,
title:text
})
}else{//如果存在
tabs.setActiveTab(tab)//Active
}
})
})
分享到:
相关推荐
extjs点击右侧面板生成tab,面板是ul+li的
Extjs4下拉树菜单 ComboBoxTree 支持单选和多选并且支持展开选中指定节点的通用控件 在项目中已经成熟运用 值得收藏和运用
ExtJS4下拉树组件 ExtJS4下拉树组件
详细描述用Extjs4生成树,以及树的动态加载等功能
Extjs4动态树实现,感觉写的比较好就分享给大家
提供Extjs树的动态菜单生成,已及对树的增删查改该操作
Extjs动态树的实现以及节点拖拽
extjs界面生成器extjs界面生成器extjs界面生成器extjs界面生成器extjs界面生成器
ExtJs4.2没有直接提供下拉树这个组件,但是有例子可以用,文件位置:ext-4.2.1.883\examples\ux\TreePicker.js 但是它有点小毛病吧:默认显示了根节点;达到最小高度时再展开节点,高度不能自动调整。 所以我做了一...
在家研究了一下extjs异步树,-每个节点都异步加载-前后台代码都有-附整个工程-运行通过-前台代码请看doctree.js,后台代码请看TreeService.java,运行环境:Myeclipse6.5+tomcat7.0.27
ExtJs 连接数据库并且生成动态树 ExtJs 连接数据库并且生成动态树 ExtJs 连接数据库并且生成动态树
Extjs4 tab 基本选项卡及增删插入操作
extjs实现动态树
功能: 1.实现ExtJS tree 节点右键菜单 实现增删查. 2.实现针对实体数据的动态搜索. 3.代码命名规范,简单易懂. 4.支持IE 9,FF 19.0.2. 5.将文件解压至ext包example任意组件文件夹即可浏览效果.
完美的Extjs4 treePanel节点刷新,函数为自动刷新选中的节点.API看得头疼才别出来的代码.截止我发之前,好像没有谁共享这个功能的函数吧.
EXTJS实例 EXTJS树,可以编辑的EXTJS,EXTJS3.0
extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台
extjs实现动态树加载菜单
Extjs 下拉树 下拉多选树 支持多选 全选/全不选 下拉多选框
Extjs动态Grid的生成 htm