extjs CheckTree 的相关应用

var tree= new Ext.tree.TreePanel({

        id:'ptree',

        region:'west',

        layout:'anchor',

        border:false,

        rootVisible: false,

        root:{},

        listeners:{

render: function() {

authorityTree(tree); /*渲染树*/

},

            checkchange: function(node, state) {

                //选中父节点让相应的子节点选中

//                node.cascade(function(node){

//                    node.attributes.checked = state;  

//                    node.ui.checkbox.checked = state;

//                    return true;   

//                });

                if (node.parentNode != null) {

                    //选中子节点让相应的父节点选中

                    var pNode = node.parentNode;

                    if (state || Fpanel.getChecked(id, pNode) == "") {

                        pNode.ui.toggleCheck(state);// 触发父节点被选中

                        pNode.attributes.checked = state; 

                    } 

                }

            }

        }

    });

/**

 *初始化菜单树

 */

var authorityTree = function(tree) {

var re = new JsonRequest();

    re.category = CATEGORY.READONLY;

    re.params.param = {};

    Ext.Ajax.request({

url:'***.json',

    success: function(re, op) {

var obj = Ext.decode(re.responseText).ResponseObject;

var ns = {}, f = tree;

ns.children = obj;

var selectedNode = null, selectedId = f.selectedId;

function appendChild(node, o) {

if (node.id == selectedId) {

selectedNode = node;

}

if (o.children != null && o.children.length > 0) {

for (var a = 0; a < o.children.length; a++) {

var n = new Ext.tree.TreeNode({

id: o.children[a].id,

text: o.children[a].text,

children: o.children[a].children,

checked: false

});

node.appendChild(n);

appendChild(n, o.children[a]);

 

}

}

}

    var r = new Ext.tree.TreeNode({

    id: 'NULL',

    text: '系统菜单'

    });

    appendChild(r, ns);

    f.setRootNode(r);

if (selectedNode != null) {

f.selectPath(selectedNode.getPath());

}

    tree.registerNode(r); /*注册节点, 不然getNodeById(node.id)找不到这个节点*/

    tree.root.expand(true);

    },

        failure: function() {

            tree.render();

            Ext.MessageBox.show({

                title: '提示',

                msg: '服务器忙,请稍后重试！',

                buttons: Ext.MessageBox.OK,

                icon: Ext.MessageBox.ERROR

            });

        },

    jsonData: re

    })

}

/**

 *初始化checkTree选中为false

 */

var treeCheckfalse = function(tree)

{

var nodes = tree.getChecked(); 

if(nodes && nodes.length){

for(var i=0;i<nodes.length;i++){

 //设置UI状态为未选中状态

 nodes[i].getUI().toggleCheck(false);

 //设置节点属性为未选中状态

 nodes[i].attributes.checked=false;

}

} 

}