您的位置：首页 > Web前端 > JavaScript

Extjs tree节点的点击事件

2016-07-12 13:01 561 查看

Extjs tree节点的点击事件 [问题点数：80分，结帖人Q11253217]

不显示删除回复显示所有回复
显示星级回复显示得分回复
只显示楼主

关注
Q11253217
GotoDo
本版等级：

结帖率：94.74%

楼主发表于： 2013-08-28 15:38:05

extjs tree 监听事件
我想做一个类似如下图的界面

然后点击左边tree的节点在中间区域能够生成一个tab界面。不同节点点击的时候进入的页面不同

代码如下：求监听事件怎么写

JavaScript code

?

更多0分享到：

相关知识库： HTML5 OpenCV 软件测试 C++

免费试用IBM Bluemix
<iframe id="iframeu1636201_0" src="http://pos.baidu.com/vcum?rdid=1636201&dc=2&di=u1636201&dri=0&dis=0&dai=2&ps=3261x547&dcb=BAIDU_SSP_define&dtm=BAIDU_DUP_SETJSONADSLOT&dvi=0.0&dci=-1&dpt=none&tsr=0&tpr=1468285817870&ti=Extjs%20tree%E8%8A%82%E7%82%B9%E7%9A%84%E7%82%B9%E5%87%BB%E4%BA%8B%E4%BB%B6-CSDN%E8%AE%BA%E5%9D%9B-CSDN.NET-%E4%B8%AD%E5%9B%BD%E6%9C%80%E5%A4%A7%E7%9A%84IT%E6%8A%80%E6%9C%AF%E7%A4%BE%E5%8C%BA&ari=1&dbv=2&drs=3&pcs=1165x677&pss=1165x9208&cfv=0&cpl=4&chi=1&cce=true&cec=UTF-8&tlm=1468285817&rw=677&ltu=http%3A%2F%2Fbbs.csdn.net%2Ftopics%2F390569768&ltr=https%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3D9YUJXrSt9zJUlsSXVzt8qwCo8wPqqwdSMY8QjYH4CnJxRMixZUPFgVw1UlIQOt6_%26wd%3D%26eqid%3Dd5eab307000eec4b00000005578442f8&ecd=1&psr=1920x1080&par=1920x1040&pis=-1x-1&ccd=24&cja=false&cmi=6&col=zh-CN&cdo=-1&tcn=1468285818&qn=5f95a9b762cd1cf4&tt=1468285817855.19.207.207" width="200" height="22" align="center,center" vspace="0" hspace="0" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" allowtransparency="true" style="box-sizing: content-box; border-width: 0px; border-style: initial; vertical-align: bottom; margin: 0px;"></iframe>

<iframe id="iframeu1636204_0" src="http://pos.baidu.com/vcum?rdid=1636204&dc=2&di=u1636204&dri=0&dis=0&dai=3&ps=3261x801&dcb=BAIDU_SSP_define&dtm=BAIDU_DUP_SETJSONADSLOT&dvi=0.0&dci=-1&dpt=none&tsr=0&tpr=1468285817870&ti=Extjs%20tree%E8%8A%82%E7%82%B9%E7%9A%84%E7%82%B9%E5%87%BB%E4%BA%8B%E4%BB%B6-CSDN%E8%AE%BA%E5%9D%9B-CSDN.NET-%E4%B8%AD%E5%9B%BD%E6%9C%80%E5%A4%A7%E7%9A%84IT%E6%8A%80%E6%9C%AF%E7%A4%BE%E5%8C%BA&ari=1&dbv=2&drs=3&pcs=1165x677&pss=1165x9208&cfv=0&cpl=4&chi=1&cce=true&cec=UTF-8&tlm=1468285817&rw=677&ltu=http%3A%2F%2Fbbs.csdn.net%2Ftopics%2F390569768&ltr=https%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3D9YUJXrSt9zJUlsSXVzt8qwCo8wPqqwdSMY8QjYH4CnJxRMixZUPFgVw1UlIQOt6_%26wd%3D%26eqid%3Dd5eab307000eec4b00000005578442f8&ecd=1&psr=1920x1080&par=1920x1040&pis=-1x-1&ccd=24&cja=false&cmi=6&col=zh-CN&cdo=-1&tcn=1468285818&qn=f5910998197dcb29&tt=1468285817855.19.210.210" width="200" height="22" align="center,center" vspace="0" hspace="0" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" allowtransparency="true" style="box-sizing: content-box; border-width: 0px; border-style: initial; vertical-align: bottom; margin: 0px;"></iframe>

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理
回复次数：9

关注 podongxi77744... 暖暖猫本版等级：	#1 得分：0回复于： 2013-08-28 16:06:03 给你的treepanel添加一个监听吧，
对我有用[1] 丢个板砖[0] 引用 \| 举报 \| 管理

关注 Q11253217 GotoDo 本版等级：	#2 得分：0回复于： 2013-08-28 16:12:09 引用 1 楼 podongxi777442156445 的回复: 给你的treepanel添加一个监听吧，能不能举个例子的说。我老是获取不到节点
对我有用[0] 丢个板砖[0] 引用 \| 举报 \| 管理

关注
podongxi77744...
暖暖猫
本版等级：

#3 得分：10回复于： 2013-08-28 16:14:49

JavaScript code

?

给你的那个treepanel加一个这个试试

对我有用[1] 丢个板砖[0] 引用 | 举报 | 管理

关注
Q11253217
GotoDo
本版等级：

#4 得分：0回复于： 2013-08-28 16:21:48

引用 3 楼 podongxi777442156445 的回复:

JavaScript code

?

给你的那个treepanel加一个这个试试

这样弹出来的时候说我node.id未定义

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

关注
podongxi77744...
暖暖猫
本版等级：

#5 得分：0回复于： 2013-08-28 16:27:58

好吧，不过LZ，你能不能把这个tree和那个tab一样分离出来，然后自己定义一个treepanel

假设定义的为treepanel

JavaScript code

?

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

关注
showbo

无聊码农
本版等级：

更多勋章

#6 得分：70回复于： 2013-08-28 16:57:30

引用 4 楼 Q11253217 的回复:

Quote: 引用 3 楼 podongxi777442156445 的回复:

JavaScript code

?

给你的那个treepanel加一个这个试试

这样弹出来的时候说我node.id未定义

加错误位置了吧。。

items: [{

xtype: 'treepanel',

title: '系统菜单',

expanded: true,

listeners: { itemclick: function (view, record, item, index, e, eOpts) {

if (record.get('leaf')) { //叶子节点

var id = record.get('id');

if (Ext.getCmp(id)) tab.setActiveTab(id);

else tab.add({ title: record.get('text'), html: 'tab内容--' + record.get('text'), closable: true, id: id });

}

}

},

containerScroll: true,

root: {

对我有用[2] 丢个板砖[0] 引用 | 举报 | 管理

关注
Q11253217
GotoDo
本版等级：

#7 得分：0回复于： 2013-08-28 17:59:36

引用 6 楼 showbo 的回复:

Quote: 引用 4 楼 Q11253217 的回复:

Quote: 引用 3 楼 podongxi777442156445 的回复:

JavaScript code

?

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

关注
Q11253217
GotoDo
本版等级：

#8 得分：0回复于： 2013-08-28 18:07:22

引用 7 楼 Q11253217 的回复:

Quote: 引用 6 楼 showbo 的回复:

Quote: 引用 4 楼 Q11253217 的回复:

Quote: 引用 3 楼 podongxi777442156445 的回复:

JavaScript code

?

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

关注
miyouyou
米悠悠
本版等级：

#9 得分：0回复于： 2014-03-11 17:00:09

引用 6 楼 showbo 的回复:

Quote: 引用 4 楼 Q11253217 的回复:

Quote: 引用 3 楼 podongxi777442156445 的回复:

JavaScript code

?

大神啊，我太崇拜你啦

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航