ztree chexkbox选中2

 
var setting = {
    check: {
        enable:  true
//         chkboxType : { "Y" : "", "N" : "" }
    },
    data: {
        simpleData: {
            enable:  true
        }
    }
};


    function createTree () {
         var zNodes;
        $.ajax({
            url:  ' Handler.ashx?action=GetModule '// url  action是方法的名称
            data: { id:  " 11 " },
            type:  ' POST ',
            dataType:  " text "// 可以是text,如果用text,返回的结果为字符串;如果需要json格式的,可是设置为json
            ContentType:  " application/json; charset=utf-8 ",
            success: function (data) {
                zNodes = data;
                
                $.fn.zTree.init($( " #treeDemo "), setting, eval( ' ( ' + zNodes +  ' ) '));

            },
            error: function (msg) {
                alert( " 失败 ");
            }
        });
    }
     // 获取所有选中节点的值
    function GetCheckedAll() {
         var treeObj = $.fn.zTree.getZTreeObj( " treeDemo ");
         var nodes = treeObj.getCheckedNodes( true);
         var msg =  " name--id--pid\n ";
         for ( var i =  0; i < nodes.length; i++) {
            msg += nodes[i].name+ " -- "+nodes[i].id+ " -- "+nodes[i].pId+ " \n ";
        }
        $( " #msg ").val();
        $( " #msg ").val(msg);
    }    
    
     // 全选
    function CheckAllNodes() {
         var treeObj = $.fn.zTree.getZTreeObj( " treeDemo ");
        treeObj.checkAllNodes( true);
    }

     // 全取消
    function CancelAllNodes() {
         var treeObj = $.fn.zTree.getZTreeObj( " treeDemo ");
        treeObj.checkAllNodes( false);
    }
    
     // 选中指定的节点
    function AssignCheck() {
         var treeObj = $.fn.zTree.getZTreeObj( " treeDemo ");
//         var nodes = treeObj.getNodes();

        treeObj.checkNode(treeObj.getNodeByParam( " id "" 000100010002 "null),  truetrue);
        treeObj.checkNode(treeObj.getNodeByParam( " id "" 0001000100010001000100010001 "null),  truetrue);

    }
     // 禁用、解禁选中节点
    function Disabled1() {
         var treeObj = $.fn.zTree.getZTreeObj( " treeDemo ");
         var nodes = treeObj.getCheckedNodes();

         for ( var i =  0; i < nodes.length; i++) {
            treeObj.setChkDisabled(nodes[i],  true);
        }
    }
    function Disabled2() {
         var treeObj = $.fn.zTree.getZTreeObj( " treeDemo ");
         var nodes = treeObj.getCheckedNodes();

         for ( var i =  0; i < nodes.length; i++) {
            treeObj.setChkDisabled(nodes[i],  false);
        }
    }

    function Add() {

    }
    function AddChild() {

    }
    function Update() {

    }
    function Delete() {

    }
    function DeleteAll() {

    }

    $(document).ready(function () {
        createTree();
        $( " #btn_GetCheckedAll ").click(GetCheckedAll);
        $( " #btn_CheckAllNodes ").click(CheckAllNodes);
        $( " #btn_CancelAllNodes ").click(CancelAllNodes);
        $( " #btn_AssignCheck ").click(AssignCheck);
        $( " #btn_Disabled1 ").click(Disabled1);
        $( " #btn_Disabled2 ").click(Disabled2);

        $( " #btn_Add ").click(Add);
        $( " #btn_AddChild ").click(AddChild);
        $( " #btn_Update ").click(Update);
        $( " #btn_Delete ").click(Delete);
        $( " #btn_DeleteAll ").click(DeleteAll);
        
        
         // $.fn.zTree.init($("#treeDemo"), setting, zNodes);
    });
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
<!DOCTYPE html> <HTML> <HEAD> <TITLE> ZTREE DEMO - checkbox</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="zTreeStyle.css" type="text/css"> <script type="text/javascript" src="jquery-1.4.4.min.js"></script> <script type="text/javascript" src="jquery.ztree.core.js"></script> <script type="text/javascript" src="jquery.ztree.excheck.js"></script> <SCRIPT type="text/javascript"> var setting = {check: {enable: true},data: {simpleData: {enable: true}}}; var zNodes =[ { id:1, pId:0, name:"全选", open:true}, { id:11, pId:1, name:"报表", open:true}, { id:111, pId:11, name:"报表管理",open:true}, { id:112, pId:11, name:"报表概况",open:true}, { id:12, pId:1, name:"我的", open:true}, { id:121, pId:12, name:"修改密码",open:true}, { id:122, pId:12, name:"意见反馈",open:true} ]; $(document).ready(function(){ $.fn.zTree.init($("#treeDemo"), setting, zNodes); var zTree = $.fn.zTree.getZTreeObj("treeDemo"), type = { "Y":'ps', "N":'ps'}; zTree.setting.check.chkboxType = type; }); function aa(){ var treeObj=$.fn.zTree.getZTreeObj("treeDemo"); nodes=treeObj.getCheckedNodes(true); var nodes1 = treeObj.getNodes(); var aa1= treeObj.transformToArray(nodes1); for(var i=0; i < aa1.length;i++){ var node = treeObj.getNodeByParam("id",aa1[i].id ); treeObj.checkNode(node,true,true); treeObj.updateNode(node); } } </SCRIPT> </HEAD> <BODY> <div class="content_wrap"> <div class="zTreeDemoBackground left"> <ul id="treeDemo" class="ztree"></ul> </div> <button value="dianji" onclick="aa()" /> </div> </BODY> </HTML>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值