extjs 在向下滚动时动态加载节点

Question

我是 Ext Js 4.1 的新手，我有 5000 个子节点，加载时只需要加载 50 个节点，向下滚动后必须加载另外 50 个节点并继续。我在过去 2 天尝试了不同的场景，但我没有找到任何相关的东西，如果可能的话，请帮助我如何做，并提供示例代码。

提前致谢

Answer 1

使用为您提供 5000 个子节点的服务器执行此操作的唯一方法是使用缓冲存储。

使用缓冲存储，您可以设置页面尺寸并向下滚动更改页面，您将能够加载 50 x 50 条记录的数据。

在这里检查你需要的一切http://docs.sencha.com/extjs/5.1/5.1.2-apidocs/#!/api/Ext.data.BufferedStore

缓冲存储也在 ext 4.1 上不可靠

还有一些关于煎茶的例子你可以看这个 http://dev.sencha.com/deploy/ext-4.0.0/examples/grid/infinite-scroll.html

Answer 2

最后我找到了我们需要使用“bufferedrenderer”的解决方案 Plugin.Infinite 网格使用缓冲存储，不支持树。

这里是示例代码

Ext.onReady(函数(){

var store = Ext.create('Ext.data.TreeStore', {
代理：{

            type: 'ajax',
            url: 'http://localhost/codig/index.php/user/jsonusers',
            extraParams:limitValue
        }

}); store.reload();

var treePanel = Ext.create('Ext.tree.Panel', {

id:'mytree',
title: 'Infinite nodes tree',
width: 200, 
height: 400,
store: store,
rootVisible: false,
 plugins: {
    ptype: 'bufferedrenderer'
},
renderTo: Ext.getBody()

});

extjs 在向下滚动时动态加载节点

extjs Dynamically load nodes on scroll down

extjs4.1

extjs4.2