ztree异步加载树节点

java-cn

浏览: 121506 次
性别:
来自: 北京

最近访客更多访客>>

narutobingbing

gggfff39

in355hz

t382159355

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

最近写程序需要一颗可以一步加载的树，发现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>

分享到：

ftp实现附件上传 | 文件比较工具

2012-04-24 18:18
浏览 37278
评论(7)
分类:开源软件
查看更多

7 楼 gfppower 2017-02-06

朋友，为什么只能加载一级节点，无法触发ztree自带的异步。
我这里加上 isParent 参数为true 就可以点击了
function ajaxDataFilter(treeId, parentNode, childNodes) {
    if (childNodes) {
      /*
      for(var i =0; i < childNodes.length; i++) {
        childNodes[i].name += "_filter";
        childNodes[i].isParent = true;
      }
      */
    }
    return childNodes;
};

6 楼 pqf_1996 2016-08-19

朋友，为什么只能加载一级节点，无法触发ztree自带的异步。

5 楼 shikpp 2014-09-29

您好，请问url这么写还需要配什么？怎么才能找到对应的java类？是通过配置action吗？谢谢！

4 楼 liuweihug 2014-05-07

Ztree教程-采用Jquery Ajax异步加载数据和Ztree自带异步加载数据
http://www.suchso.com/projecteactual/ztree-jiaocheng-aspnet-demo-ashx-jquery-ajax-ztree-setting-async.html

3 楼 lu799184056 2013-08-23

有问题啊，jquery-3.5.js 315行报错啊。查询不到tid

2 楼 309024925 2012-11-23

第一次加载的一级节点也加载不了，哥，能不能具体点！

1 楼 309024925 2012-11-21

能否把加载的数据代码也贴一下

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论