复选框树

设置信息与数据如下，详细参见：http://www.360ui.net

var setting1 = {

    check: {

        enable: true

    }

};

 

var zNodes1 = [

    { id:1,  parentId:0, name:"部门1", open: true, checked: true},

    { id:11, parentId:1, name:"员工1"},

    { id:12, parentId:1, name:"员工2"},

    { id:13, parentId:1, name:"员工3", checked:true},

    { id:2,  parentId:0, name:"部门2", open: true},

    { id:21, parentId:2, name:"员工4(没有复选框)", nocheck: true},

    { id:22, parentId:2, name:"员工5"},

    { id:23, parentId:2, name:"员工6"},

    { id:24, parentId:2, name:"员工7(有复选框，但不可选)", chkDisabled: true}

];

获取选中值方法如下：

function getSelectValue(){

 

    //获取zTree对象

    var zTree = $.fn.zTree.getZTreeObj("tree-1");

    //得到选中的数据集

    var checkedNodes = zTree.getCheckedNodes(true);

    //得到未选中的数据集

    var checkedNodes2 = zTree.getCheckedNodes(false);

   

    var msg = "";

    var msg2 = "";

   

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

        msg += "," + checkedNodes[i].id;

    }

    if(msg == ""){

        msg = "无选择";

    }else{

        msg = msg.substring(1);

    }

   

    for(var j = 0; j < checkedNodes2.length; j++){

        msg2 = msg2 + "," + checkedNodes2[j].id;

    }

    if(msg2 == ""){

        msg2 = "无选择";

    }else{

        msg2 = msg2.substring(1);

    }

   

    top.Dialog.alert("已选中:<br/>"+msg+"<br/>未选中：<br/>"+msg2);

}

评论

1 楼 freezingsky 2013-06-12  

ZTree自带的例子中，就有面向各种场景和需求的例子。