• jQuery树形控件zTree


    初始化如下:

        function zTreeInit(){
            parentCode = "";
            setting = {
                view: {
                    dblClickExpand: false,
                    showLine: true,
                    expandSpeed: 100 //设置树展开的动画速度
                }, 
                data: {
                    simpleData: {
                        enable: true,
                        idKey : "id", // id编号命名   
                        pIdKey : "pid", // 父id编号命名    
                        rootPId : "0"
                    }
                },
                callback : {  
                    onClick : function(event, treeId, treeNode, clickFlag) {  
                        //alert(" 节点id是:" + treeNode.id + ", 节点文本是:" + treeNode.name)
                        parentCode = treeNode.id;
                        refreshTable();
                    },  
                }  
            };      
            GetTreeNodes();
        }
        function GetTreeNodes(){
            $.ajax({      
                url : 'sysRightDept/tree',
                async : false,  
                type: 'GET',  
                dataType : "json",
                contentType : 'application/json',   
                   error: function () {//请求失败处理函数  
                    alert('error');  
                },  
                success:function(treeNodes){ //请求成功后处理函数。    
                      $.fn.zTree.init($("#treeDept"), setting, treeNodes); //把后台封装好的简单Json格式赋给treeNodes  
                }  
            }); 
        }

    模型类:

    package com.entity;
    
    public class zTreeResult {
        /**
         * id
         */
        private String id;
        /**
         * pId
         */
        private String pId;
        /**
         * name
         */
        private String name;
        /**
         * open
         */
        private boolean open;
        
        public String getId() {
            return id;
        }
    
        public void setId(String id) {
            this.id = id;
        }
    
        public String getPId() {
            return this.pId;
        }
    
        public void setPId(String pId) {
            this.pId = pId;
        }
    
        public String getName() {
            return this.name;
        }
    
        public void setName(String name) {
            this.name = name;
        }
        
        public boolean getOpen() {
            return this.open;
        }
    
        public void setOpen(boolean open) {
            this.open = open;
        }
    }

    zTree checkbox选择

    全选/全不选

        function all_click() {
            if ($('#all').text() == '全选') {
                treeObj.checkAllNodes(true);
                $('#all').text('全不选');
            } else {
                treeObj.checkAllNodes(false);
                $('#all').text('全选');
            }
        }

    获取选择集合

            var nodes = treeObj.getCheckedNodes(true);

    不确定选择

        function updateNodes(json){
            var allNodes = treeObj.getNodes();//根节点的集合
            var nodes = treeObj.transformToArray(allNodes); // 将数据变成简单的 Array 集合
            for(var i=0;i<nodes.length;i++){
                for(var j=0;j<json.length;j++){
                    if(nodes[i].id == json[j].objectCode){
                        nodes[i].checked=true;
                        treeObj.updateNode(nodes[i]);
                    }
                }
            }
        }
  • 相关阅读:
    Invalid command 'RewriteEngine'解决办法
    JEZ reCAPTCHA 谷歌验证码插件及使用方法
    一段图片预加载的代码
    Fancybox
    Silverlight4 beta 中的.net ria service自定义用户身份验证之改变
    .net ria service 数据验证(7)
    .net ria services 自定义函数(9)
    C#开发ActiveX控件及制作CAB包
    Silverlight 3.0 中的 Local Connection
    Silverlight3端操作数据库(5)
  • 原文地址:https://www.cnblogs.com/bmbh/p/6956968.html
Copyright © 2020-2023  润新知