zoukankan      html  css  js  c++  java
  • 【二】zTree checkbox

    Chexkbox处理

     
    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);
        });

  • 相关阅读:
    编辑器 --- Visual Studio Code 英文界面转换成中文(简体)
    CSS3 -- column 实现瀑布流布局
    CSS3 -- 边框圆角
    CSS3 -- 弹性盒
    自适应布局要素
    Vue -- 基础知识
    Vue -- element-ui el-table 的合计在第一行显示并可点击
    如何在网页标题栏title加入logo(icon)图标?
    linux下暴力破解工具hydra【转】
    linux 服务简介
  • 原文地址:https://www.cnblogs.com/puke/p/2630254.html
Copyright © 2011-2022 走看看