treeTable子节点数据分页显示

本文介绍如何在treeTable中实现子节点数据的分页显示。在政府项目中,由于数据量大,需要通过beforeExpand事件异步加载后台返回的JSON数据,并在前端处理分页。通过在生成的HTML中直接添加分页a标签的onclick事件,实现每组数据的独立分页。文中提到了使用addChild方法的问题,并提出了一种新的解决方案,即不使用addChild,而是直接操作tbody,但需要手动处理节点的展开和收起。
摘要由CSDN通过智能技术生成

       最近在做政府的项目,页面UI较为官方,这里用到一个treeTable显示某些数据,这些数据是用windows服务按计划执行的,也就是说每天数据都会增加,那么当时间长了以后,treeTable子节点下的数据会非常多,显示在页面上将会很难看,所以需要把每个节点下的数据进行分页。

       使用过treeTable的想必都知道beforeExpand和OnSelect两个事件,具体含义请百度。这里使用异步加载的方式,即在beforeExpand事件中调用后台方法返回json数据。那么这里要实现分页的关键就是如何将分页的html加到json数据结果中,并且要使得每一组json数据的分页响应自己的换页事件。分页的做法有很多,控件也有很多,无论是如何生成和绑定的分页控件,归根结底还是js的处理,那么我们将分页简单写成html代码,例如

<tr pid='id'>
      <td>
           <a οnclick="GetJson(id,pageIndex)" href="javascript:void(0)">上一页</a>
           <a οnclick="GetJson(id,pageIndex)" href="javascript:void(0)">下一页</a>
      </td>
<tr>

       简单来说,这里需要在用代码生成的html中直接写好分页a标签的onclick事件,注意到这

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值