Question

我是Ext Js 4.1的新手，我有5000个子节点，需要在加载时只加载50个节点，向下滚动后必须加载另外50个节点并继续。我尝试过去两天不同的场景，但我没有发现任何相关的内容，如果可能的话，我可以帮助我做一些示例代码。

先谢谢

Answer 1

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

使用缓冲商店，您可以设置页面尺寸并向下滚动更改页面，您可以将数据加载50个记录。

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

缓冲存储也在ext 4.1上显示

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

Answer 2

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

以下是示例代码

Ext.onReady（function（）{

var store = Ext.create（＆＃39; Ext.data.TreeStore＆＃39;，{
代理人：{

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

}）; store.reload（）;

var treePanel = Ext.create（＆＃39; Ext.tree.Panel＆＃39;，{

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

}）;

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

2 个答案: