使用Ext js在网格中只显示有限的记录
Display only limited no of records in grid using Ext js
我在使用Ext js制作网格时遇到了麻烦。所以我做了存储和网格。它工作得很好。但我的问题是,我有14000条记录,它显示在一个网格中,单镜头。但是我想只显示100条记录,然后像页面显示一样显示100条记录。我使用了分页工具栏,但我仍然没有得到它。请一些身体帮助我张贴你的代码。提前感谢。[对不起我的英语]
function some function(url)
{
Ext.define('some model', {
extend: 'Ext.data.Model',
fields: some fields
});
var store = Ext.create('Ext.data.Store',{
id:'store',
model:'some model',
remoteGroup:true,
remoteSort:true,
proxy: {
type:'rest',
url:url
reader: {
type: "json",
root:"myroot",
idProperty:'id'
}
},
autoLoad:true
});
return store;
}
var store= some function(url);
var grid = Ext.create('Ext.grid.Panel', {
id:'Grid',
title:'__________',
store: store,
loadMask: true,
width:'100%',
autoHeight:true,
viewConfig: {
emptyText:'No Available'
},
frame:false,
columns:[
{
id: 'c',
header:'bla',
dataIndex:'12',
width:'35%',
sortable:true,
},
{
id: 's',
header:'bla',
dataIndex:'21212',
width:'65%',
sortable:true,
}
],
bbar: new Ext.PagingToolbar({
store:store,
pageSize:10,
id:'paging',
displayInfo:true,
displayMsg:'Displaying {0} - {1} of {2}',
emptyMsg: "No Available",
prependButtons:false
}),
});
你的网格应该像这样
Ext.define('Com.grid.myGrid',{
extend:'Ext.grid.Panel',
alias:'widget.myGridAlias',
store:'myStore',
initComponent:function()
{
this.bbar = Ext.create('Ext.PagingToolbar', {
store : this.store,
displayInfo : true,
displayMsg : 'Records {0} - {1} of {2}',
emptyMsg : 'No files.'
});
}
});
and and and你的Store应该像这样
Ext.define('Com.store.myStore',{
extend:'Ext.data.Store',
model : 'myModel',
//autoLoad:true,
pageSize: 100
});
这种类型的例子已经在Ext Js Sencha文档中提到过。这里是链接
相关文章:
- 如何应用带过滤器的ng if来过滤记录,并在同一页面中显示两个不同的视图
- AngularJS动态显示多条记录
- 使用模式消息/窗口显示数据库记录
- 使用自动完成文本框从mysql数据库获取表记录并显示在文本字段中
- 在显示使用 AngularJS 获取的记录时,如何在视图中循环
- 我想推送$scope.planlist=[]中的空白记录,但显示出相同的行为
- DataTable没有显示分页按钮和记录信息-JQuery
- 显示从 jsp 到 jsp 的记录 ${}
- 如何在网页上存储记录 (json) 并仅在“视图”上的记录上显示
- 剑道网格在删除后仍显示最后一条记录
- 网格视图在我输入特定记录名称时不显示记录
- NodeJS时间戳:比较时间并显示记录排序升序
- 通过单击“MVC 获取错误”中的“下一步”按钮 asp.net 在同一详细信息页面上显示记录
- 创建一个弹出窗口,该窗口根据父窗口提供的值显示记录
- 在动态文本字段中显示记录的计数器
- datatable.js-只显示表中的5个记录器+禁用“;显示记录”;
- 无法使用web服务显示记录
- 显示记录页面明智地使用ASP.NET和c#
- Extjs -在缓冲存储中迭代显示记录的最佳方式
- 如何使用 JSON 在表中显示记录