一个简单实现Ext树的级联选中方法
2009-03-02 17:12
337 查看
正在用ext ,可是树不能级联选中,自己的需求是选中子节点,则父节点都要选中,父节点取消选中则子节点全部取消选中,查了一下,已有高人扩展了Ext.tree.TreeNodeUI ,想着拿来用,可是自己太笨调了半天没调出来,只好自己写了一个方法,也没扩展,但是可以实现我的需求。发出来大家如果有用的着的就用吧。
加了一个 nodeChecked(node,check)方法,然后监听checkchange事件
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL="/ext/resources/images/default/s.gif";
var root=new Ext.tree.TreeNode({id:'root',text:'功能管理',checked:false});
var app1=new Ext.tree.TreeNode({id:'app1',text:'图标',checked:false});
var app2=new Ext.tree.TreeNode({id:'app2',text:'图标',checked:false});
var app3=new Ext.tree.TreeNode({id:'app3',text:'图标',checked:false});
var app4=new Ext.tree.TreeNode({id:'app4',text:'图标',checked:false});
app3.appendChild(app4);
app2.appendChild(app3);
app1.appendChild(app2);
root.appendChild(app1);
var tree=new Ext.tree.TreePanel({
root:root,
animate:true,
enableDD:false,
border:false,
renderTo:'tree',
rootVisible:false
});
function nodeChecked(node,check){
if(check){
//如果有父结点则选中父结点
if(node.parentNode.getUI().checkbox!=undefined){
node.parentNode.getUI().checkbox.checked=true;
if(node.parentNode.parentNode!=null){
nodeChecked(node.parentNode,check);
}
}
}else{
//如果有子结点则全取消选中
if(node.hasChildNodes())
{
node.eachChild(function(child){
child.getUI().checkbox.checked=false;
if(child.hasChildNodes()){
nodeChecked(child,check);
}
});
}
}
}
tree.on("checkchange",function(node,check){
nodeChecked(node,check);
});
});
有问题?直接google!
加了一个 nodeChecked(node,check)方法,然后监听checkchange事件
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL="/ext/resources/images/default/s.gif";
var root=new Ext.tree.TreeNode({id:'root',text:'功能管理',checked:false});
var app1=new Ext.tree.TreeNode({id:'app1',text:'图标',checked:false});
var app2=new Ext.tree.TreeNode({id:'app2',text:'图标',checked:false});
var app3=new Ext.tree.TreeNode({id:'app3',text:'图标',checked:false});
var app4=new Ext.tree.TreeNode({id:'app4',text:'图标',checked:false});
app3.appendChild(app4);
app2.appendChild(app3);
app1.appendChild(app2);
root.appendChild(app1);
var tree=new Ext.tree.TreePanel({
root:root,
animate:true,
enableDD:false,
border:false,
renderTo:'tree',
rootVisible:false
});
function nodeChecked(node,check){
if(check){
//如果有父结点则选中父结点
if(node.parentNode.getUI().checkbox!=undefined){
node.parentNode.getUI().checkbox.checked=true;
if(node.parentNode.parentNode!=null){
nodeChecked(node.parentNode,check);
}
}
}else{
//如果有子结点则全取消选中
if(node.hasChildNodes())
{
node.eachChild(function(child){
child.getUI().checkbox.checked=false;
if(child.hasChildNodes()){
nodeChecked(child,check);
}
});
}
}
}
tree.on("checkchange",function(node,check){
nodeChecked(node,check);
});
});
有问题?直接google!
相关文章推荐
- Android简单的实现音乐播放器功能(一个按钮可相应两个事件的方法)
- js一个简单的方法实现数组中元素相加
- 收藏一个简单sql语句实现多查询的方法
- 简单获取input file 选中的图片,并在一个div的img里面赋值src实现预览图片
- Python简单实现查找一个字符串中最长不重复子串的方法
- 实现一个简单的vue无限加载指令方法
- 看着网上有进制转换的计算器,想做着试试(只需一个简单的方法即可实现)
- 实现一个简单的Javascript级联下拉菜单
- JQUERY简单按钮轮换选中效果实现方法
- JQUERY简单按钮轮换选中效果实现方法
- 多元素判断的程序的一个简单实现方法
- c/c++ 使用boost库实现的一个简单判断字符串编码的方法
- 一个IOC简单实现方法
- [转]ExtJS Grid 分页时保持选中的简单实现方法
- 登录存储过程在C#中实现,非常简单的一个方法
- 一个极为简单的requirejs实现方法
- 一个简单有效的用鼠标选中物品并拖动物品的方法
- 分享实现类似QQ的自动登陆的方法,代码比较简单,主要是给大家提供一个实现逻辑,具体的要结合自身的app来做
- Activity任务栈的管理 -----销毁前一个相同的activity(还有一种简单的方法实现)
- 分享一个iOS下实现基本绘画板功能的简单方法