【ztree】tree&&ztree&&2.6&&3.1【20140610】
博客专区 > shihuafu 的博客 > 博客详情
【ztree】tree&&ztree&&2.6&&3.1【20140610】
shihuafu 发表于4年前
【ztree】tree&&ztree&&2.6&&3.1【20140610】
  • 发表于 4年前
  • 阅读 23
  • 收藏 0
  • 点赞 0
  • 评论 0

标题:腾讯云 新注册用户域名抢购1元起>>>   

摘要: 注意初始化区别,可以看一下jquery.ztree.all-3.1.js代码

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

 

共有 人打赏支持
粉丝 1
博文 5
码字总数 953
×
shihuafu
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: