文档章节

【ztree】tree&&ztree&&2.6&&3.1【20140610】

shihuafu
 shihuafu
发布于 2014/06/10 09:18
字数 953
阅读 32
收藏 0

1、调用url返回JSON

       var zTree1;
     var setting;

       var IDMark_Switch = "_switch";
     var IDMark_Icon = "_ico";
     var IDMark_Span = "_span";
     var IDMark_Input = "_input";
     var IDMark_Check = "_check";
     var IDMark_Edit = "_edit";
     var IDMark_Remove = "_remove";
     var IDMark_Ul = "_ul";
     var IDMark_A = "_a";
        
     
     
     function reloadTree() {
      var nodes = [];
      //setting.async = true;
      setting.async.enable = true;
      //zTree1 = $("#treeDemo").zTree(setting, nodes);
      //zTree1 = $("#treeDemo").zTree(setting, nodes);
      zTree1 = $.fn.zTree.init($("#treeDemo"), setting, nodes);
     } 
     function showOrHideTree11(){
      
      $('#assignTreeDiv').show();
      var ZUID=group;
      var DXZXID=center; 
      setting = {
      expandSpeed: "", //设置 zTree节点展开、折叠时的动画速度或取消动画(三种默认定义:"slow", "normal", "fast")或 表示动画时长的毫秒数值(如:1000)
      checkable : true,//每个节点上是否显示checkbox
      async: true,//需要采用异步方式获取子节点数据,默认false 
      asyncUrl: "../Dialsourcing?Code="+ZUID+"&telcom="+DXZXID,//当 async = true 时,设置异步获取节点的 URL 地址 ,允许接收 function 的引用
      asyncParam: ["prod_id","branchlevel"],//提交的与节点数据相关的必需参数
      checkType : { "Y": "ps", "N": "ps" }
      };
      reloadTree();
         }; 
         
  function showOrHideTree(){
   
   $('#assignTreeDiv').show();
   var ZUID=group;
   var DXZXID=center; 
   setting = {
    data: {
     key: {
      title:"tip"
     },
     simpleData: {
      enable: true,
      idKey: "prod_id",
      pIdKey: "prod_parent_id"
     },
     keep:{
      parent:true
     }
    },
    //复选框 属性
    check: {
     enable: true,
     chkStyle: "checkbox",
     chkboxType: { "Y": "ps", "N": "ps" }
    },
    async: {
     enable: true,
//     contentType: "application/x-www-form-urlencoded",
//     type: "get",
//     dataType: "json",
     url: "../Dialsourcing?Code="+ZUID+"&telcom="+DXZXID,//当 async = true 时,设置异步获取节点的 URL 地址 ,允许接收 function 的引用
     autoParam: ["prod_id","branchlevel"],
     otherParam: [],
     dataFilter: null
    }
   
   };
   reloadTree();
      };

2、直接查询数据

      function codeTree31(){
       
       $('#assignTreeDiv1').show();
  
//        setting3 = {   
//               isSimpleData : true,   //是否采用简单 Array 格式,true表示采用   
//               treeNodeKey : "id",      
//               treeNodeParentKey : "pId",//如果为true必须声明父子关系   
//               expandSpeed: "", //设置 zTree节点展开、折叠时的动画速度或取消动画(三种默认定义:"slow", "normal", "fast")或 表示动画时长的毫秒数值(如:1000)
//               checkable : true,//每个节点上是否显示checkbox
//               async : true,
//               checkType : { "Y": "", "N": "" },
//                  callback:{   
//                      //beforeAsync: zTreeBeforeAsync,   
//                onCheck: check   
//                      //asyncError: zTreeOnAsyncError   
//                  } 
//
//             };  
       
       
       
       setting3 = {
    data: {
     key: {
      title:"tip"
     },
     simpleData: {
      enable: true
     },
     keep:{
      parent:true
     }
    },
    
    //复选框 属性
    check: {
     enable: true,
     chkStyle: "checkbox",
     //radio   checkbox
     
     chkboxType: { "Y": "", "N": "" }//选中和取消选中都不影响   父子节点   父子节点没有任务勾选影响关系
    },
    //回调函数定义   事件 对应 函数
    callback: {
    // onClick:click,
     onCheck: check
    // onExpand: click
    }
   };
       //树节点   用ajax动态获得节点应该填充的 适应于业务的值 
       //获得所有管理
       //循环列出区
        var zNodes = '[';
        
       //一级结束码
       var strSQL  =  "SELECT td.termcode, td.termcode||'-'||td.codevelue FROM tbl_ldtermcode td " +
            "WHERE td.termcode LIKE 'pcs%'" +
            "  AND td.ptermcode IS NULL ";
       var arrResult = new Array();
       arrResult=easyExecSql(strSQL,1,0);
       for(var i = 0; i < arrResult.length; i++){
           var flagqu=true;
           //zNodes += '{"id":"'+arrResult[i][0]+'", "pId":0, "comgrade":1,"name":"'+arrResult[i][1]+'","isParent":true,"open":false,"checked":"'+flagqu+'"}';
           zNodes += '{"id":"'+arrResult[i][0]+'", "pId":0, "comgrade":1,"name":"'+arrResult[i][1]+'"';
           var quSql="select 1 from ldcode where codetype='backendcode' and  code='"+arrResult[i][0]+"'";
           var qur =easyExecSql(quSql,1,0);
           if(qur!=null){
            zNodes += ',"checked":"'+flagqu+'"';
           }
        //zNodes += '{"id":"'+arrResult[i][0]+'", "pId":0, "comgrade":02,"i.comcode||'-'||i.shortname  ":"'+arrResult[i][1]+'","isParent":true,"open":false,"checked":"'+flagqu+'"}';
        zNodes += '},';
        var buSql=  "SELECT td.termcode, td.termcode||'-'||td.codevelue FROM tbl_ldtermcode td " +
            "WHERE td.termcode LIKE 'pcs%'" +
            "  AND td.ptermcode ='"+arrResult[i][0]+"'";
           var arrbu = new Array();
           arrbu=easyExecSql(buSql,1,0);
           if(arrbu!=null){
              for(j=0;j<arrbu.length;j++){
                   var flagbu=true;
             //zNodes += '{"id":"'+arrbu[j][0]+'", "pId":"'+arrResult[i][0]+'", "comgrade":03,"name":"'+arrbu[j][1]+'","isParent":false,"open":false,"checked":"'+flagbu+'"}';
                   zNodes += '{"id":"'+arrbu[j][0]+'", "pId":"'+arrResult[i][0]+'", "comgrade":03,"name":"'+arrbu[j][1]+'"';
             var buSql="select 1 from ldcode where codetype='backendcode' and  code='"+arrbu[j][0]+"'";
             var bur =easyExecSql(buSql,1,0);
             if(bur!=null){
              zNodes += ',"checked":"'+flagbu+'"';
             }
               zNodes += '},';
              }
              
           }
       
       }
         //将多余的一个,去掉
       zNodes = zNodes.substr(0,zNodes.length-1);
       zNodes += ']';
       

       
       
       //alert(zNodes);
       zNodes = eval("("+zNodes+")"); 
        $(document).ready(function(){
         zTree3 = $.fn.zTree.init($("#treeDemoNum"), setting3, zNodes);
         //zTree3 = $("#treeDemoNum").zTree(setting3, zNodes);
        });
          $('#divbackcode').dialog('open'); 
          return ;
      }
      
      
         //提交数据到  后台DB    可以单个提交  也可以整体提交  
         function subdata(zNodes){//将勾选的节点取值组装后 做下一步的具体处理
          var limit='';
    for ( var i = 0; i < zNodes.length; i++) {
     var nodeid=zNodes[i].id;
     limit += nodeid+':'; 
      
     }
          $.ajax( {
           url : "../servlet/backEndCodeAction?operator="+operator+"&times="+new Date().getTime()+"&limit="+limit+"",
           type : 'get',
           dataType : 'json',
     timeout : 60000,
        error : function() {
         alert("超出响应时间,保存失败!");
         
        },
        success : function(json) {
         showSubmitDetail("success","保存成功!");
        }
    }); 
           
          $('#divbackcode').dialog('close');
         }
      
      
      
         
      //勾选事件 回调函数
      function check(event, treeId, treeNode){
       var treeObj = $.fn.zTree.getZTreeObj("treeDemoNum");
           //父节点不为空
          if( treeNode.getParentNode()!=null&&treeNode.getParentNode()!="null"){
              var pNode= treeNode.getParentNode();
              treeObj.checkNode( pNode, false, false,false);
             
            }
            //子节点不为空
           if(treeNode.children!=null&&treeNode.children!="null"){
             var cNode=treeNode.children;
             for(i = 0; i < cNode.length; i++) { 
                 treeObj.checkNode(cNode[i], false, false,false);
             }
           }
      }

 

© 著作权归作者所有

共有 人打赏支持
shihuafu
粉丝 1
博文 5
码字总数 953
作品 0
海淀
程序员
【zTree】zTree开发使用说明【20140610】

使用条件: 使用zTree树形结构,需要在当前页面中载入zTree的js文件和样式文件 zTree核心js文件:jquery.ztree-2.6.js zTree样式文件: 因为zTree是基于jquery,所以还需要对应的jQuery库文件 ...

shihuafu
2014/06/10
0
0
zabbix-server 启动报错

zabbix-server用的是zabbix20-server-2.0.11-1.el6.x86_64 启动的时候:[root@www zabbix]# service zabbix-server start Starting Zabbix server: [ OK ] 但是监听端口10051却没有正常监听。......

neo_ling
2014/06/10
3.3K
3
angularJS结合Z-tree

/** * name: public.ztree * Version: 1.0.0 beta */ angular.module('public.ztree', []).directive('tree',[function(){ return { require: 'ngModel', restrict: 'A', link: function ($s......

紫枫5966
2017/05/11
0
0
CheckBox选中后点击画面其他地方自动取消选中

@zTree 你好,想跟你请教个问题: 上代码: var setting = { check : { enable : true, chkboxType: {"Y":"", "N":""} }, view: { dblClickExpand: false }, data : { simpleData : { enable......

小苹果1
2017/11/30
62
0
JQuery Tree插件——zTree v3.5.16 版发布

zTree v3.5.16 发布,继续缓慢的修正 bug google code 已经无法上传下载包,请使用 Github 或 开源中国的 Git。 GitHub:https://github.com/zTree/zTreev3 开源中国Git:https://git.oschi...

zTree
2014/03/09
12.9K
12

没有更多内容

加载失败,请刷新页面

加载更多

Spring Boot 使用parent方式引用时 获取值属性方式默认@

采用官网提供的 引入依赖时,application.properties中的值变量,无法通过${}获取,这是由于Spring Boot 已经将字符方式调整为 <resource.delimiter>@</resource.delimiter>。故如果在,工程中...

翱翔fly
15分钟前
1
0
HTTPS证书验证流程及SSL证书生成步骤【附nginx开启https配置】

------------------------------------------------------------ HTTPS证书验证流程(极简化版) 1.客户端向服务端请求证书(server.crt) 2.服务端下发证书(server.crt) 3.客户端用预制的...

xiaomin0322
16分钟前
1
0
预编译sql语句和参数化sql能有效防止——sql注入攻击——

预编译和参数化处理sql原理类似: 参数化处理sql 是将参数进行了字符串化处理,把参数中的单引号,井号#,等都做了转义处理,进而在执行sql语句时不会被当做sql中的定界符和指定符来执行。 ...

fang_faye
16分钟前
1
0
springboot最全配置解释

​​​​​​​# ----------------------------------------# 核心属性# ----------------------------------------# 文件编码banner.charset= UTF-8# 文件位置banner.locati...

废柴大叔
18分钟前
57
1
(大致了解下)从单机到2000万QPS: 知乎Redis平台发展与演进之路

导读:知乎存储平台团队基于开源Redis 组件打造的知乎 Redis 平台,经过不断的研发迭代,目前已经形成了一整套完整自动化运维服务体系,提供很多强大的功能。本文作者是是该系统的负责人,文...

Ocean_K
25分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部