最简单Ext.Tree扩展CheckBox的方法

来源:互联网 发布:阿里巴巴阿里郎软件 编辑:程序博客网 时间:2024/05/21 22:26
< language=javascript type=text/javascript>var tree = null;var txtChkValue = document.getElementById("txtChkValue");Ext.onReady(function(){    Ext.BLANK_IMAGE_URL = "../../Js/extjs2/resources/images/default/s.gif"    // shorthand    var Tree = Ext.tree;        tree = new Tree.TreePanel({        el:'tree-div',        autoScroll:true,        animate:true,        enableDD:false,        containerScroll: true,         onlyLeafCheckable: false,//对树所有结点都可选         loader: new Tree.TreeLoader({            dataUrl:'../../getTreeData.aspx'                    }),        margins:'15,15,15,15',        border:false            });        tree.on('checkchange', function(node, checked) {                    node.expand();                    node.attributes.checked = checked;                    var parentNode = node.parentNode;                    if(checked){                        if(parentNode!=null&&parentNode.id!='source'){                            //如果是选中,把父节点保持选中状态                            parentNode.ui.toggleCheck(true);                            parentNode.attributes.checked = true;                        }                    }else{                        //如果所有子节点都没选中,取消根节点选中状态                        if(parentNode!=null&&parentNode.id!='source'){                            var chk = false;                            parentNode.eachChild(function(child) {                                if(child.attributes.checked)chk=true;                            });                            parentNode.ui.toggleCheck(chk);                            parentNode.attributes.checked = chk;                        }                    }                    node.eachChild(function(child) {                        child.ui.toggleCheck(checked);                        child.attributes.checked = checked;                        child.fireEvent('checkchange', child, checked);                    });                    txtChkValue.value = tree.getChecked('id');                }, tree);    // set the root node    var root = new Tree.AsyncTreeNode({        text: '请选择要生成的栏目',        draggable:false,        id:'source'    });    tree.setRootNode(root);    // render the tree    tree.render();    root.expand();});
原创粉丝点击