Question

extjs中怎么给树的每一个节添加事件

大家好。本人现在有个麻烦请大家帮忙想想该怎么解决，问题是，我在做页面用的是extjs，在加载树节点的时候是从xml文件读取来的。现在主要问题是如果我在xml里面添加一个节点，然后把这个节点的弹出的页面js文件放在工程目录下面，最后我打开页面时点击这个节点就可以打开相应的页面，我不想用if else来判断到底点击哪一个节点。换句话说就是在加载树节点的时候已经给每一个节点分配好弹出页面分配好地址了。不知道这样做怎么实现，请大家帮忙想想思路哈。谢谢了。

Answer 1

extjs中怎么给树的每一个节添加事件
s：
// 树的加载方法
var treeloader = new Ext.tree.TreeLoader({
baseAttrs : {
cust : 'client'
},
dataUrl : 'getTreeNode.do?method=getTree'
});
// 树的布局实现
var treepanel = new Ext.tree.TreePanel({

loader : treeloader,
width : 199,
root : root,
border : false,
rootVisible : false,
autoheigth : true,
expanded : true,
enableDD : true,
ddGroup : "tgDD",
listeners : {
// 监听beforenodedrop事件，主要就是在这里工作
// 参考“
在百度上搜 华宏网络科技 有免备案空间出售！谢谢！

匿名 �0�2<span class="tm">5-20 07:23</span>
</p>
<div class="b bt2"><div class="bt bg1 ft"><img alt="其他答案" height="16" src="/static/img/ico2.gif" width="16"/>其他答案</div></div>
<p class="ft p1">tjs：
// 树的加载方法
var treeloader = new Ext.tree.TreeLoader({
baseAttrs : {
cust : 'client'
},
dataUrl : 'getTreeNode.do?method=getTree'
});
// 树的布局实现
var treepanel = new Ext.tree.TreePanel({

loader : treeloader,
width : 199,
root : root,
border : false,
rootVisible : false,
autoheigth : true,
expanded : true,
enableDD : true,
ddGroup : "tgDD",
listeners : {
// 监听beforenodedrop事件，主要就是在这里工作
// 参考“

匿名�0�2<span class="tm">5-19 06:56</span>
</p>
<div>
<div class="ra ft"><div class="bt bg1"><img alt="相关内容" class="m" height="16" src="/static/img/ico3.gif" width="16"/>相关内容</div></div>
<p class="ft">

Answer 2

很容易吧，在每个节点的数据中加入这个节点要弹出页面的连接地址，当点击的时候，自然也会得到这个节点的其他内容，思路大概是这样，你可以自己再拓展一下！

追问

大哥谢谢了。Ext.tree.TreePanel({
animate:true,
region:'west',
autoScroll:true,
margins : '2 5 5 0',
animCollapse:true,
rootVisible: false,
root: new Ext.tree.AsyncTreeNode(),
。。。。

不知道怎么加地址啊

追答

在你点击一个节点的时候，应该可以得到node吧，也就是这个节点的所有信息，这时你不就可以得到那个地址了，加一个click事件

追问

那在click事件中怎么打开一个面板啊？

追答

click事件不久可以处理很多事情了，打开一个面板跟平时一样

追问

你能不能方面举个简单的示例代码啊.我看看？谢谢了。

Answer 3

s：
// 树的加载方法
var treeloader = new Ext.tree.TreeLoader({
baseAttrs : {
cust : 'client'
},
dataUrl : 'getTreeNode.do?method=getTree'
});
// 树的布局实现
var treepanel = new Ext.tree.TreePanel({

loader : treeloader,
width : 199,
root : root,
border : false,
rootVisible : false,
autoheigth : true,
expanded : true,
enableDD : true,
ddGroup : "tgDD",
listeners : {
// 监听beforenodedrop事件，主要就是在这里工作
// 参考“
在百度上搜 华宏网络科技 有免备案空间出售！谢谢！

匿名 �0�2<span class="tm">5-20 07:23</span>
</p>
<div class="b bt2"><div class="bt bg1 ft"><img alt="其他答案" height="16" src="/static/img/ico2.gif" width="16"/>其他答案</div></div>
<p class="ft p1">tjs：
// 树的加载方法
var treeloader = new Ext.tree.TreeLoader({
baseAttrs : {
cust : 'client'
},
dataUrl : 'getTreeNode.do?method=getTree'
});
// 树的布局实现
var treepanel = new Ext.tree.TreePanel({

loader : treeloader,
width : 199,
root : root,
border : false,
rootVisible : false,
autoheigth : true,
expanded : true,
enableDD : true,
ddGroup : "tgDD",
listeners : {
// 监听beforenodedrop事件，主要就是在这里工作
// 参考“

匿名�0�2<span class="tm">5-19 06:56</span>
</p>
<div>
<div class="ra ft"><div class="bt bg1"><img alt="相关内容" class="m" height="16" src="/static/img/ico3.gif" width="16"/>相关内容</div></div>
<p class="ft">

追问

张哥谢谢你的回答，但是你说的跟我有些不一样，我是想点第一个节点后可以得到node然后添加一个click，在click中怎么在页面的中间部分打开一个tabpanel，或者面板？

Answer 4

春归大地人间暖 福降神州喜临门 横批：福喜盈门