我使用下面的代码。我看到网格,内容是正确的,但寻呼机部分很奇怪。
谢谢,
$(document).ready(function () {
Ext.define('User', {
extend: 'Ext.data.Model',
fields: [
{ name: 'FirstName', type: 'string' },
{ name: 'LastName', type: 'string' },
{ name: 'Email', type: 'string' }
]
})
var userStore = Ext.create('Ext.data.Store', {
model: 'User',
proxy: {
type: 'ajax',
url: '/Home/GetUsers',
reader: {
type: 'json',
root: 'users'
}
},
autoLoad: true
});
Ext.create('Ext.grid.Panel', {
renderTo: 'testing',
store: userStore,
autoScroll: true,
layout: 'fit',
title: 'Users',
width:450,
columns: [{
text: 'First Name',
width: 225,
sortable: true,
dataIndex: 'FirstName',
editor: {
xtype: 'textfield',
allowBlank: false
}
},
{
text: 'Last Name',
width: 225,
sortable: true,
dataIndex: 'LastName',
editor: {
xtype: 'textfield',
allowBlank: false
}
}],
bbar : Ext.create('Ext.toolbar.Paging', {
store: userStore,
pageSize: 3,
displayInfo: true,
displayMsg: 'Displaying topics {0} - {1} of {2}',
emptyMsg: "No topics to display"
})
});
});
Update1:
{"total":2,"success":true,"data":[{"Id":1,"FirstName":"AA","LastName":"BB"},{"Id":2,"FirstName":"CC","LastName":"DD"},{},{}]}
我仍然没有看到“Page x of 2”
答案 0 :(得分:0)
http://jsfiddle.net/AnYeq/1/我没有看到当前页面文字有任何问题。 即使测试json数据没有“总”属性。 控制刷新按钮不是那么明显。您可以尝试扩展Ext.toolbar.Paging并覆盖其私有方法getPagingItems。