zTreeUI

  <SCRIPT type="text/javascript">

var setting = {
async: {
enable: true,
url: getUrl
},
check: {
enable: true
},
data: {
simpleData: {
enable: true
}
},
view: {
expandSpeed: ""
},
callback: {


onAsyncError: onAsyncError,
onExpand: zTreeOnExpand
}
};




//设置异步链接
function getUrl(treeId, treeNode) {


   var sttptype="waterstaion";//取树形内容，取树形的站类型
var param = "parentid="+treeNode.countryid;//取区县ID
var townid=$("#townID").attr("value");//取站码
var contryallstation=$("#contryallstation").attr("value");//取站码
return "${pageContext.request.contextPath}/control/HistoryRiverFind_manager/getAsynStation.action?" + param+"&sttptree="+sttptype+"&townid="+townid+"&contryallstation="+contryallstation;
}
//异步加载失败
function onAsyncError(event, treeId, treeNode, XMLHttpRequest, textStatus, errorThrown) {
 top.Dialog.alert("加载失败");
}
        //展开事件
function zTreeOnExpand(event, treeId, treeNode) {
   var zTree = $.fn.zTree.getZTreeObj("treeDemo");
   if(treeNode.getCheckStatus().checked){
   zTree.checkNode(treeNode, true, true);
   }
}
//--------------------树形总入口,采用异步获取数据的方式-------------------/
$(document).ready(function(){
                   //取出区县
                   var countryid=$("#countryid").attr("value");
    $.ajax({
    type: "POST",
    url: "${pageContext.request.contextPath}/control/HistoryRiverFind_manager/getAsynCountry.action",
    data: "countryid="+countryid,
    success: function(msg){
     //alert("1"+msg);
      var zNodes=eval(msg);//初始化区县树形
      //树形一初始化,就展开用户勾选啦的节点
      $.fn.zTree.init($("#treeDemo"), setting, zNodes);
           var zTree = $.fn.zTree.getZTreeObj("treeDemo");
           var nodes = zTree.getCheckedNodes(true);
     for (var i = 0; i < nodes.length; i++) {
   zTree.expandNode(nodes[i],true,false,false);
          }
  }
});


});


//设置用户查询选的站
    function ShowCheckNode(){
 
           var zTree = $.fn.zTree.getZTreeObj("treeDemo");
           var nodes = zTree.getCheckedNodes(true);
var purview = "";
var countrylist="";
var contryallselect="";
  for (var i = 0; i < nodes.length; i++) {
     if(!nodes[i].getCheckStatus().half){
      purview +=  nodes[i].code+",";
      contryallselect+=nodes[i].countryid+",";
    }
       countrylist+=nodes[i].countryid+",";
          }          
           $("#townID").attr("value",purview);
           $("#countryid").attr("value",countrylist);
           $("#contryallselect").attr("value",contryallselect);
           //alert(1);
 
       }    

</SCRIPT>