ztree异步加载实现全选功能

本文展示了如何在zTree中实现异步加载数据并添加全选功能。通过设置zTree配置,监听节点点击事件,以及定义数据过滤函数,确保在全选时所有已加载节点被选中。同时,提供了jQuery代码片段来初始化zTree,监听全选按钮点击事件,以实现全选功能。
摘要由CSDN通过智能技术生成

本例实现当点击全选按钮时,将已经展开的所有节点选中,且在点击某一节点时,将其子节点也全部选中。
HTML代码:
<div class="content_wrap">
 <div class="zTreeDemoBackground left">
  <ul id="treeDemo" class="ztree"></ul>
 </div>
 <input id="select_all" value="no" type="hidden">
 <a id="checkAllNodes" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true">全选</a>
</div>
JQUEYR代码:
<script type="text/javascript" charset="utf-8">
 var setting = { 
  
  async: {   
   enable: true,
   type: 'post',
   url: 'ztree/ztreeAction!getZtree.action',   
   autoParam: ['id'], //异步加载时需要自动提交父节点属性的参数
   dataType:'json',
   dat

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值