ztree异步加载树节点

最新推荐文章于 2022-11-25 18:57:56 发布

javaxt

最新推荐文章于 2022-11-25 18:57:56 发布

阅读量406

点赞数

文章标签： java xhtml javascript ViewUI

本文链接：https://blog.csdn.net/javaxt/article/details/84208864

版权

最近写程序需要一颗可以一步加载的树，发现ztree功能很强大。搞了好久才知道怎么实现树节点的异步加载，在这里记录下来以方便以后自己忘记了。代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title></title>
<#global path = request.getContextPath() >

<link rel="stylesheet" href="${path}/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css"/>
<script type="text/javascript" src="${path}/ztree/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="${path}/ztree/js/jquery.ztree.core-3.1.js"></script>
<script>

<!--
  var zTree;
  var productIframe;

  var setting = {
   async: {
    enable: true,//启用异步加载
    url:"${path}/pmproductAction!producttree.action", //异步请求地址
    autoParam:["id", "str1"], //需要传递的参数,为你在ztree中定义的参数名称
    otherParam:{"chk":"chk"}
   },
   view: {
    dblClickExpand: false,
    showLine: true,
    selectedMulti: false,
    expandSpeed: ($.browser.msie && parseInt($.browser.version)<=6)?"":"fast"
   },
   data: {
    simpleData: {
     enable: true
    }
   },
   callback: {
    onAsyncSuccess: onAsyncSuccess,
    beforeClick: function(treeId, treeNode)

    $.post("${path}/pmproductAction!producttree.action",{id:0,str1:"type"},function(result){
         $.fn.zTree.init($("#ztree"), setting, result);
    });
    productIframe = $("#products");
    productIframe.bind("load", loadReady);
  });

  function loadReady() {
   var bodyH = productIframe.contents().find("body").get(0).scrollHeight,
   htmlH = productIframe.contents().find("html").get(0).scrollHeight,
   maxH = Math.max(bodyH, htmlH), minH = Math.min(bodyH, htmlH),
   h = productIframe.height() >= maxH ? minH:maxH ;
   if (h < 530) h = 530;
   productIframe.height(h);
  }

  //-->

</script>
</head>