如何添加分页extjs 4网格
How to add paging to extjs 4 grid?
我有一个像这样的存储,我用于extjs网格
Ext.create('Ext.data.Store', {
autoLoad : true,
fields : [
{name: 'item_code', mapping: 'item_code', type: 'string'},
{name: 'quantity', mapping: 'quantity', type: 'string'},
{name: 'description', mapping: 'description', type: 'string'},
{name: 'selling_price', mapping: 'selling_price', type: 'string'},
{name: 'discount', mapping: 'discount', type: 'string'}
],
storeId : 'available_products',
proxy : {
type : 'ajax',
actionMethods : 'POST',
url : 'http://192.168.1.6/transactions/distribution_store',
reader: {
type: 'json',
root: 'data'
}
}
});
我想添加一个分页到网格,但我希望它是这样的
首先用json加载所有数据,并在客户端分页这些结果,而不发送服务器请求。
是可能的吗?如何做到这一点?
对
加载所有数据
var myData = [];
Ext.Ajax.request({
url: 'http://192.168.1.6/transactions/distribution_store',
method: 'POST',
success: function(response){
myData = Ext.decode(response.responseText);
}
});
加载所有数据后,您可以利用directFn
配置来模拟分页功能。更多信息请查看我的回答。看看这个演示吧。
解决方案不适用于ext js 4.1.1。你能提供一个这个版本的例子吗?
也不能在ExtJS 4.2中使用
directFn
解决方案对我来说总是像一个hack。从4.0.7开始,不需要使用directFn
。而是使用Ext.ux.data.PagingMemoryProxy。演示在这里
相关文章:
- 如何使用skip参数使用angular ui引导进行服务器端分页
- 如何通过引用var Using DataTables来进行分页或排序
- 使用CSS或JavaScript计算分页符的数量
- DataTables-创建自定义分页样式(加载更多样式)
- 使用ajax的服务器端分页&jQuery
- 使用extJS中的分页功能对存储进行筛选
- EXTJS 3,如何手动控制分页事件
- ExtJS网格分页不起作用
- ExtJS 4 分页与本地存储
- 分页内存代理在extjs网格中
- 当我在 extjs 中使用分页工具栏时网格加载所有数据
- ExtJS 4.2分页组合-如何跳到页面
- 如何在ExtJS 5中使用分页过滤网格数据
- Extjs分页附加参数
- 如何添加分页extjs 4网格
- Extjs分页工具栏刷新
- 分页在extjs中不能正常工作
- ExtJS网格与分页,而不是组合框
- extJS 4.分页的问题
- ExtJS网格分页工具栏显示错误的页数