最近在做政府的项目,页面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事件,注意到这