（JS）zTree v3.5.24完成站点选择功能

zTreev3.5.24完成站点选择功能

1.页面添加引用

<scriptsrc="js/jquery.ztree.all.js"type="text/javascript"></script>

//all.js = core + excheck + exedit ( 不包括 exhide )或者用core.js +excheck.js

<linkhref="css/zTreeStyle/zTreeStyle.css" rel="stylesheet"type="text/css" />

//包含于zTreeStyle文件夹

 

2.添加页面zTree JS

//zTree

var setting = {

   async: {

       datatype: "text"

   },

   data: {

       key: {

           //将Info_Parameter表中的FieldName+ParameterName当做节点名称

           name: "ztreeIPFPname"

       },

       simpleData: {

           //是否使用简单数据模式

           enable: true,

           //当前节点id属性 

           idKey: "ID",

           //当前节点的父节点id属性

           pIdKey: "FtyFieldId",

           rootPId: 0

       }

    },

   check: {

       enable: true,

       autoCheckTrigger: true,

       chkStyle: "checkbox",

       chkboxType: { "Y": "ps", "N":"ps" }

   },

   treeNode: {

       checked: true

   },

   callback: {

       onCheck: zTreeOnCheck

    }

};

//Json字段结构

//var nnn = [

//{ "ID": "1","FtyFieldId": "0", "ztreeIPFPname": "1"},

//{ "ID": "12321","FtyFieldId": "1", "ztreeIPFPname":"nizhidao1" },

//{ "ID": "123123","FtyFieldId": "1", "ztreeIPFPname":"nizhidao1" },

//{ "ID": "213214","FtyFieldId": "1", "ztreeIPFPname":"nizhidao1" },

//{ "ID": "2133","FtyFieldId": "1", "ztreeIPFPname":"nizhidao1" },

//{ "ID": "21312","FtyFieldId": "2", "ztreeIPFPname":"nizhidao1" },

//{ "ID": "1231","FtyFieldId": "2", "ztreeIPFPname":"nizhidao1" },

//{ "ID": "324423", "FtyFieldId":"2", "ztreeIPFPname": "nizhidao1" },

//{ "ID": "2","FtyFieldId": "0", "ztreeIPFPname": "2"}];

 

$(document).ready(function() {

   $.post("ztree.aspx", function(jsondata) {//字段拼接后台完成，注释掉

       //            var jsondateRep =jsondata.toString().replace(/\\/g, '');

       //            var jsondataSub =jsondateRep.substring(2, jsondateRep.length - 2);

       //            var jsonDone = '[' +jsondataSub + ']';

       //alert(jsondata);

       var treeObj = $.fn.zTree.init($("#siteZtree"), setting,eval("(" + jsondata + ")"));

       //默认展开所有节点

       treeObj.expandAll(true);

 

   });

 

});

//点击input显示隐藏的zTree悬浮面板

function SitechoseOnClick() {

   $("#ckShadowBlock").css("display","block");

}

function SitechoseLoseFocus() {

   $("#ckShadowBlock").css("display","none");

}

//checkbox获取值之后，把选择的站点名称赋值到input，再把站点ID赋值到隐藏的input

function zTreeOnCheck(event, treeId,treeNode) {

   //alert(treeNode.ID + ", " + treeNode.FtyFieldId +"," + treeNode.ztreeIPFPname);

   $("#cc1").val("");

   $("#cc1HidenValue").val("");

   var treeObj = $.fn.zTree.getZTreeObj("siteZtree");

   var nodes = treeObj.getCheckedNodes(true);

   var selectNode = "";

   var selectNodeID = "";

   for (var i = 0; i < nodes.length; i++) {

       if (nodes[i].FtyFieldId != "0" && nodes[i].FtyFieldId!= 0 && nodes[i].FtyFieldId != null) {

           selectNode += nodes[i].ztreeIPFPname + ",";

           selectNodeID += nodes[i].ID + ",";

       }

    }//end for

   $("#cc1").val(selectNode);

   $("#cc1HidenValue").val(selectNodeID);

}

 

3&