文档章节

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

shihuafu
 shihuafu
发布于 2014/06/10 09:18
字数 953
阅读 36
收藏 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.5K
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
zTree v3.5 Css 详解

马上要开始研究新版本的 zTree 结构了,所以要先把现在的情况再多分析一下,做了 v3.x 版本后也一直没有制作 css 的文档,特在此进行整理一下,一边讲结构,一边说说小技巧,希望能给大家一些...

zTree
2012/12/21
0
30
基于jQuery-zTree-2.5内核的简单分析

未命名 zTree插件: (function($){ //常量的定义 var ZTREENODECREATED = "ZTREENODECREATED"; var ZTREECLICK = "ZTREECLICK"; var ZTREERIGHTCLICK = "ZTREERIGHTCLICK"; var ZTREECHANGE......

simpler
2014/02/19
96
0

没有更多内容

加载失败,请刷新页面

加载更多

EOS docker开发环境

使用eos docker镜像是部署本地EOS开发环境的最轻松愉快的方法。使用官方提供的eos docker镜像,你可以快速建立一个eos开发环境,可以迅速启动开发节点和钱包服务器、创建账户、编写智能合约....

汇智网教程
今天
12
0
《唐史原来超有趣》的读后感优秀范文3700字

《唐史原来超有趣》的读后感优秀范文3700字: 作者:花若离。我今天分享的内容《唐史原来超有趣》这本书的读后感,我将这本书看了一遍之后就束之高阁了,不过里面的内容一直在在脑海中回放,...

原创小博客
今天
19
0
IC-CAD Methodology知识图谱

CAD (Computer Aided Design),计算机辅助设计,指利用计算机及其图形设备帮助设计人员进行设计工作,这个定义同样可以用来近似描述IC公司CAD工程师这个岗位的工作。 早期IC公司的CAD岗位最初...

李艳青1987
今天
19
0
CompletableFuture get方法一直阻塞或抛出TimeoutException

问题描述 最近刚刚上线的服务突然抛出大量的TimeoutException,查询后发现是使用了CompletableFuture,并且在执行future.get(5, TimeUnit.SECONDS);时抛出了TimeoutException异常,导致接口响...

xiaolyuh
今天
9
0
dubbo 搭建与使用

官网:http://dubbo.apache.org/en-us/ 一,安装监控中心(可以不安装) admin管理控制台,monitor监控中心 下载 bubbo ops 这个是新版的,需要node.js环境,我没有就用老版的了...

小兵胖胖
今天
20
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部