easyui树形菜单数据量过大解决方案，采用点击父节点进行ajax请求（struts2）加载子节点，层层加载，分级加载

古城微笑少年丶 2022-05-25 07:26 78阅读 0赞

1.struts2配置文件返回json数据

<package name="tree" extends="struts-default,json-default">  
<action name="xxx" class="xxxxxxx"    method="xxxxx">

<result type="json">

<param name="root">str</param>//str为action中要返回的json串  
</result>   
</action>

</package>

2.创建树控件

<ul id="tt"></ul>

3.生成树的JavaScript

//alert(node.attributes.have == '0');

//上面这一句的说明:由于在点击父节点的时候,会触发点击事件,进行ajax请求,将后台返回的json数据返回

并采用easyui中的append方法进行拼接,如果重复点击,会重复进行请求,导致重复拼接,数据重复

所以我在每个节点的attributes属性中定义了一个have变量,初始值为0,点击一次后,改变have的值

可以避免重复拼接问题.

<script type="text/javascript">  
  $(function()\{  
  $("\#tt").tree(\{  
  data:$\{string\},//初始树形菜单,根节点  
  onClick : function(node) \{    
  alert(node.attributes.have == '0');  
    
                if(node.attributes.have == '0')\{  
                $.ajax(\{  
url:'getTree\_treeClick.action',  
data:\{orgid:node.id\},  
type:'get',  
dataType:'json',  
async:false,  
success:function(data)\{  
var a = $('\#tt').tree('getSelected');  
var da = eval("("+data+")");  
alert(da);  
$("\#tt").tree('append',\{  
parent:a.target,  
data:da  
\});  
\},  
error:function(msg)\{  
alert("error");  
\}  
               \});  
               //将其中的have属性值改为1，避免多次点击重复拼接子节点  
               node.attributes.have = '1';         
                \}  
           \}  
  \});  
  \});  
  </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，78人围观）

还没有评论，来说两句吧...

相关阅读

相关 ajax节点重复,zTree 异步加载添加子节点重复问题

该楼层疑似违规已被系统折叠隐藏此楼查看此楼将 if (!((!treeNode && event.target.tagName.toLowerCase() != "b

电玩女神/ 2022年09月03日 07:24/ 0 赞/ 13 阅读

相关 NameNode节点加载FSImage+EditsLog

在前面的博文中，我曾多次提到过在NameNode的启动过程中有加载FSImage+EditsLog这一必不可少的一项。关于文件fsImage和文件edits是用来存

àì夳堔傛蜴生んèń/ 2022年06月16日 23:16/ 0 赞/ 179 阅读

相关【easyui】treeGrid实现分页以及异步加载子节点

前提纪要项目中有这样一个需求，在合同列表中，每一个合同下面会有很多子合同，需要按照树形结构进行显示。同时，对于父合同需要进行分页显示。框架使用 easyUI

末蓝、/ 2022年06月13日 06:21/ 0 赞/ 812 阅读

相关如何让父加载器调用子加载器

我们的影子在花园石径上徘徊，比那些活着的人更具生气。 \- 双亲委派很好的解决了各个类加载器的基础类的统一问题（越基础的类由越上层的加载器进行加载）。但是如果基础类需要回调

左手的ㄟ右手/ 2022年06月09日 10:48/ 0 赞/ 173 阅读

相关 Struts加载时机和加载顺序

![Center][] 1、加载时机：当应用被tomcat加载的时候，struts2的配置文件就已经被加载过了。 2、加载顺序 <table> <tbod

待我称王封你为后i/ 2022年06月08日 08:27/ 0 赞/ 256 阅读

相关 easyui树形菜单数据量过大解决方案，采用点击父节点进行ajax请求（struts2）加载子节点，层层加载，分级加载

1.struts2配置文件返回json数据 <package name="tree" extends="struts-default,json-default"> <ac

古城微笑少年丶/ 2022年05月25日 07:26/ 0 赞/ 79 阅读

相关 bootstrap-combotree异步加载子节点数据

bootstrap-combotree异步加载子节点数据小木子第一次写博客，代码基础也不是那么完美，只是分享一下自己的一些自己的想法，如果有什么不对的，希望您留言，

深藏阁楼爱情的钟/ 2022年01月29日 01:17/ 0 赞/ 371 阅读

相关 ajax实现点击加载更多

首先定义自己的文章结构 <div class="news"> <ul class="list"> <li

Bertha 。/ 2022年01月12日 02:49/ 0 赞/ 522 阅读

相关 easyui-tree/combotree 子节点前端懒加载（主要解决ie11下加载慢

场景最近在项目开发上遇到了easyui-comboxtree （下拉树）在IE11下加载缓慢、导致页面卡顿的情况，对比分析了一下发现，树的数据量越大页面加载就越缓慢。由

「爱情、让人受尽委屈。」/ 2021年12月03日 21:11/ 0 赞/ 849 阅读

相关雷林鹏分享：jQuery EasyUI 树形菜单 - 树形网格惰性加载节点

　　jQuery EasyUI 树形菜单 - 树形网格惰性加载节点　　有时我们已经得到充分的分层树形网格(TreeGrid)的数据。我们还想让树形网格(TreeGrid)

迷南。/ 2021年09月30日 01:04/ 0 赞/ 284 阅读