easyui-treegrid節點選擇

easyui-treegrid本身不能實現選中父節點子節點全選，必須通過另外的方法來實現，這里說下如何通過修改節點樣式添加checkbox來實現級聯選擇效果

首先需要格式化節點的樣式

formatter: function (value, row, index) {
                             return "<input type='checkbox' onclick=show('" + row.ID + "') id='check_" + row.ID + "'/>" + row.EntityName;
                         }

show方法如下：

function show(checkid) {
            var s = '#check_' + checkid;
            //alert( $(s).attr("id"));
            // alert($(s)[0].checked);
            /*選子節點*/
            var nodes = $("#EntityTree").treegrid("getChildren", checkid);
            for (i = 0; i < nodes.length; i++) {
                $(('#check_' + nodes[i].ID))[0].checked = $(s)[0].checked;

            }
            //選上級節點
            if (!$(s)[0].checked) {
                var parent = $("#EntityTree").treegrid("getParent", checkid);
                $(('#check_' + parent.ID))[0].checked = false;
                while (parent) {
                    parent = $("#EntityTree").treegrid("getParent", parent.ID);
                    $(('#check_' + parent.ID))[0].checked = false;
                }
            } else {
                var parent = $("#EntityTree").treegrid("getParent", checkid);
                var flag = true;
                var sons = parent.sondata.split(',');
                for (j = 0; j < sons.length; j++) {
                    if (!$(('#check_' + sons[j]))[0].checked) {
                        flag = false;
                        break;
                    }
                }
                if (flag)
                    $(('#check_' + parent.ID))[0].checked = true;
                while (flag) {
                    parent = $("#EntityTree").treegrid("getParent", parent.ID);
                    if (parent) {
                        sons = parent.sondata.split(',');
                        for (j = 0; j < sons.length; j++) {
                            if (!$(('#check_' + sons[j]))[0].checked) {
                                flag = false;
                                break;
                            }
                        }
                    }
                    if (flag)
                        $(('#check_' + parent.ID))[0].checked = true;
                }
            }
        }