ExtJs的TreePanel的分页的思路和实现

Ext的Tree组件很好用，但是当节点多的时候，加载会很慢，如果能够带上分页的话，那就很好了，于是我想对Tree组件进行扩展，使之能够实现分页，这样就可以解决节点多的时候，页面加载速度的问题了

?

我的分页思路比较简单，就是对最顶层的根节点进行分页，也就是root节点，通过前台传过去的分页参数，在后台将数据按页读取出来，然后再前台的根节点下面展现出来，来实现分页的效果，至于后来的分页如何实现，就不在本文章的讨论范围内。本文章只讨论前台的展现。

?

实现思路：

由于Tree组件是通过TreePanel来展现的，而TreePanel有个bbar属性，可以放PagingToolbar对象，因此我们可以把分页组件树页面展现出来了，但是PagingToolbar的分页是需要通过Store来支持的，而我们的Tree组件是没有Store，只有loder，因此主要的着手点就在于构造一个可以让PagingToolbar分页时可以识别，并且能够自动调用loader获取节点的Store就可以，因为tree组件的laod方法，可以读取出节点，并展现成熟，因此只要store在load的时候，能够把节点load出来就可以，所以基本的做法就是在Store的load方法中调用tree组件的loader的load方法获取节点并展现，这是把需要分页的参数传到后来即可。思路是挺简单的，接下来看看实现的代码

?

?
效果图：


?
     6 楼    achui_1980    2011-04-25              其他节点也可以分页，不错哦，期待分享~~~