最近弄了个Ext动态加载树的Demo,有点小问题.请教下各位.
第一次加载树的时候,root节点下的子节点能够通过执行action返回json获得并显示
但是在点击节点的时候,虽然触发了事件,但是不执行action了.前后台没报任何错...
Ext.onReady(function(){
//Ext.BLANK_IMAGE_URL="ext/resources/images/default/s.gif";
var Tree = Ext.tree;
var tree = new Tree.TreePanel({
el:'tree-div',
lines:true,
rootVisible:true,//根节点是否可见
useArrows:true,//小箭头
autoHeight:true,
split:true,
autoScroll:true,
animate : false,//动画效果
enableDD:true,//允许拖拽
border : false,
containerScroll: true,
loader: new Ext.tree.TreeLoader()
});
tree.on('click', function(node){ //使节点可以单击展开收起
if(node.leaf == false){
if(node.expanded == false){
node.expand();//展开
}else{
node.collapse();//收起
}
}
//node.select();
});
tree.on('beforeload', function(node){//单击节点加载该节点的子节点
//alert("node.id-->"+node.id); //事件是能进入的,我测试了
tree.loader.dataUrl = 'treeFun3.action?pid='+node.id;
});
// 设置根节点
var root = new Tree.AsyncTreeNode({
text: '根节点',
draggable : false,//设置根节点是否可拖拽
//icon:'images/cog.png',
id:'0'
});
tree.setRootNode(root);
tree.render();
root.expand();
});
第一次加载树的时候,root节点下的子节点能够通过执行action返回json获得并显示
但是在点击节点的时候,虽然触发了事件,但是不执行action了.前后台没报任何错...
Ext.onReady(function(){
//Ext.BLANK_IMAGE_URL="ext/resources/images/default/s.gif";
var Tree = Ext.tree;
var tree = new Tree.TreePanel({
el:'tree-div',
lines:true,
rootVisible:true,//根节点是否可见
useArrows:true,//小箭头
autoHeight:true,
split:true,
autoScroll:true,
animate : false,//动画效果
enableDD:true,//允许拖拽
border : false,
containerScroll: true,
loader: new Ext.tree.TreeLoader()
});
tree.on('click', function(node){ //使节点可以单击展开收起
if(node.leaf == false){
if(node.expanded == false){
node.expand();//展开
}else{
node.collapse();//收起
}
}
//node.select();
});
tree.on('beforeload', function(node){//单击节点加载该节点的子节点
//alert("node.id-->"+node.id); //事件是能进入的,我测试了
tree.loader.dataUrl = 'treeFun3.action?pid='+node.id;
});
// 设置根节点
var root = new Tree.AsyncTreeNode({
text: '根节点',
draggable : false,//设置根节点是否可拖拽
//icon:'images/cog.png',
id:'0'
});
tree.setRootNode(root);
tree.render();
root.expand();
});