ExtJS怎么只监听树子节点不监听父节点
日期：2014-05-16 浏览次数：20694 次
ExtJS如何只监听树子节点不监听父节点？
如图，当点击左侧树节点的时候可以无限制的创建选项卡，本来想做成下面的效果：只有子节点才能新建选项卡，而且每个子节点只能对应一个选项卡，当所需的选项卡存在时激活它，不存在时新建并激活它。我把代码发出来大家帮忙看看哪出错了。ExtJS版本4.2.1
如图，当点击左侧树节点的时候可以无限制的创建选项卡，本来想做成下面的效果：只有子节点才能新建选项卡，而且每个子节点只能对应一个选项卡，当所需的选项卡存在时激活它，不存在时新建并激活它。我把代码发出来大家帮忙看看哪出错了。ExtJS版本4.2.1
Ext.onReady(function() {
//创建borderlayout视图
var viewPort = new Ext.Viewport({
layout : "border",
items : [{
title : "logo",
region : "north",
height : 100,
header : false,
collapsible : true,
html : "<img src='img/jonis.jpg'/>"
}, {
title : "导航菜单",
region : "west",
items : gradeTree,
collapsible : true,
split : true
}, {
title : "显示界面",
region : "center",
items : tabs,
split : false,
collapsible : false
}]
});
});
//创建树:
var store = Ext.create('Ext.data.TreeStore', {
root : {
expanded : true,
children : [{
id : 'serviceManager',
text : "业务管理",
expanded : true,
children : [{
id : "gradeManage",
text : "班级管理",
leaf : true
}, {
id : "classManage",
text : "课程管理",
leaf : true
}, {
id : "teacherManage",
text : "教师管理",
leaf : true
}, {
id : "studentManage",
text : "学生管理",
leaf : true
}]
}, {
id : 'SystemManage',
text : "系统管理",
expanded : true,
children : [{
id : "roleManage",
text : "角色管理",
leaf : true
}, {
id : "permissionManage",
text : "权限管理",
leaf : true
}]
}]
}
});
var gradeTree = Ext.create('Ext.tree.Panel', {
width : 200,
height : 900,
store : store,
rootVisible : false,
renderTo : Ext.getBody()
});
//创建选项卡
var tabs = Ext.create('Ext.tab.Panel', {
renderTo : document.body,
items : [{
title : '首页',
closable : false,// 允许关闭
html : '<img src="img/welcome.jpg"/>'
}]
});
//树节点监听事件
gradeTree.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) {
tab.show();
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
