文档章节

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

shihuafu
 shihuafu
发布于 2014/06/10 09:18
字数 953
阅读 32
收藏 0
点赞 0
评论 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

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

iMatrix平台中标签数(在tree:ztree)用法(2)

1.1.1 标签树ztree:ztree 1.1.1.1 用法 <ztree:ztree treeType="MANDEPARTMENTTREE" treeId="treeDemo" userWithoutDeptVisible="true" showBranch="true" chkStyle="checkbox" chkboxType="......

iMatrix ⋅ 2014/08/28 ⋅ 0

ztree使用修改版

var setting = { check: {enable: true,nocheckInherit: true}, async: {enable: true,url:"",autoParam:["tcode"],dataFilter: filter}, callback: {onCheck:zTreeOnCheck,onClick:zTreeOnC......

小宋 ⋅ 2012/11/01 ⋅ 0

zTree使用心的

var setting = { check: {enable: true,nocheckInherit: true}, async: {enable: true,url:"",autoParam:["tcode"],dataFilter: filter}, callback: {onCheck:zTreeOnCheck,onClick:zTreeOnC......

小宋 ⋅ 2012/10/30 ⋅ 1

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

zTree v3.5 Css 详解

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

zTree ⋅ 2012/12/21 ⋅ 30

CheckBox选中后点击画面其他地方自动取消选中

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

小苹果1 ⋅ 2017/11/30 ⋅ 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

搜索树 ,需要点击两次

@zTree 你好,想跟你请教个问题:网上找的搜索树代码 效果出来了。可有的条件需要点击两次才能出来 附上代码: /** * Created by linkb on 2017/5/8. */ /** * 展开树 * @param treeId */ f...

linkb ⋅ 2017/05/18 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

win10怎么彻底关闭自动更新

win10自带的更新每天都很多,每一次下载都要占用大量网络,而且安装要等得时间也蛮久的。 工具/原料 Win10 方法/步骤 单击左下角开始菜单点击设置图标进入设置界面 在设置窗口中输入“服务”...

阿K1225 ⋅ 今天 ⋅ 0

Elasticsearch 6.3.0 SQL功能使用案例分享

The best elasticsearch highlevel java rest api-----bboss Elasticsearch 6.3.0 官方新推出的SQL检索插件非常不错,本文一个实际案例来介绍其使用方法。 1.代码中的sql检索 @Testpu...

bboss ⋅ 今天 ⋅ 0

informix数据库在linux中的安装以及用java/c/c++访问

一、安装前准备 安装JDK(略) 到IBM官网上下载informix软件:iif.12.10.FC9DE.linux-x86_64.tar放在某个大家都可以访问的目录比如:/mypkg,并解压到该目录下。 我也放到了百度云和天翼云上...

wangxuwei ⋅ 今天 ⋅ 0

PHP语言系统ZBLOG或许无法重现月光博客的闪耀历史[图]

最近在写博客,希望通过自己努力打造一个优秀的教育类主题博客,名动江湖,但是问题来了,现在写博客还有前途吗?面对强大的自媒体站点围剿,还有信心和可能型吗? 至于程序部分,我选择了P...

原创小博客 ⋅ 今天 ⋅ 0

IntelliJ IDEA 2018.1新特性

工欲善其事必先利其器,如果有一款IDE可以让你更高效地专注于开发以及源码阅读,为什么不试一试? 本文转载自:netty技术内幕 3月27日,jetbrains正式发布期待已久的IntelliJ IDEA 2018.1,再...

Romane ⋅ 今天 ⋅ 0

浅谈设计模式之工厂模式

工厂模式(Factory Pattern)是 Java 中最常用的设计模式之一。这种类型的设计模式属于创建型模式,它提供了一种创建对象的最佳方式。 在工厂模式中,我们在创建对象时不会对客户端暴露创建逻...

佛系程序猿灬 ⋅ 今天 ⋅ 0

Dockerfile基础命令总结

FROM 指定使用的基础base image FROM scratch # 制作base image ,不使用任何基础imageFROM centos # 使用base imageFROM ubuntu:14.04 尽量使用官方的base image,为了安全 LABEL 描述作...

ExtreU ⋅ 昨天 ⋅ 0

存储,对比私有云和公有云的不同

导读 说起公共存储,很难不与后网络公司时代的选择性外包联系起来,但尽管如此,它还是具备着简单和固有的可用性。公共存储的名字听起来也缺乏专有性,很像是把东西直接堆放在那里而不会得到...

问题终结者 ⋅ 昨天 ⋅ 0

C++难点解析之const修饰符

C++难点解析之const修饰符 c++ 相比于其他编程语言,可能是最为难掌握,概念最为复杂的。结合自己平时的C++使用经验,这里将会列举出一些常见的难点并给出相应的解释。 const修饰符 const在c...

jackie8tao ⋅ 昨天 ⋅ 0

聊聊spring cloud netflix的HystrixCommands

序 本文主要研究一下spring cloud netflix的HystrixCommands。 maven <dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-clo......

go4it ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部