首先直接查询所有信息在分页的时候没有问题,显示的分页信息正确,如:
Page 1 of 2 Displaying 1 - 10 of 18 点击下一页没有问题
但是当点击“查询”按钮后就显示: Page 1 of 2 Displaying 01 - 010 of 18 点击下一页 左边显示:Page 101 of 2 Displaying 0101 - 0108 of 18请问这个是什么原因造成的,如何修改?
Page 1 of 2 Displaying 1 - 10 of 18 点击下一页没有问题
但是当点击“查询”按钮后就显示: Page 1 of 2 Displaying 01 - 010 of 18 点击下一页 左边显示:Page 101 of 2 Displaying 0101 - 0108 of 18请问这个是什么原因造成的,如何修改?
http://topic.csdn.net/u/20110608/16/41a93a68-4fd8-46c0-af3d-3c472f87ec6e.html
你好,你的帖子我看过了,我也仔细检查了json数据,没有格式问题。 关键是在第一次显示所有数据的分页没有问题,就是在点击"查询"按钮后会出现问题,后台使用的都是同一个查询方法,麻烦大家在帮我想想,谢谢
var store = new Ext.data.Store({
baseParams :{
cmd: 'project',
action: 'searchProjects',
start: 0,
limit: 10
},
proxy: new Ext.data.HttpProxy({
url:URL
}),
reader: new Ext.data.JsonReader({
root:'record',
id: 'recordId',
totalProperty: 'totalRecords',
idProperty:'id',
fields:[
{name: 'id'},
{name: 'procode'},
{name: 'proname'},
{name: 'promanager'},
{name: 'prostts'},
{name: 'prostartdate'},
{name: 'proenddate'}
]
})
});Ext.onReady(function() {
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget = 'side';
var form = new Ext.form.FormPanel({
height:185,
frame:true,
title:TXT.BAR_SEARCH_PROJECTS_TITLE,
region: 'north',
style: 'padding:0px 0px 5px 0px',
buttonAlign: 'left',
items:[
{
xtype:"panel",
layout:"column",
items:[
{
columnWidth:.25,
layout:"form",
defaults: {
width:175,
selectOnFocus: true
},
items:[
{
fieldLabel:TXT.PROJECT_FORM_FIELD_CODE,
vtype:"alphanum",
xtype:"textfield",
name:"procode",
maxLength:8
},
{
xtype:'datefield',
format:"Y-m-d",
name:"startdate",
id:"startdate",
fieldLabel:TXT.PROJECT_FORM_FIELD_STARTFROM
} ,
{
xtype:"datefield",
format:"Y-m-d",
name:"enddate",
id:"enddate",
fieldLabel:TXT.PROJECT_FORM_FIELD_ENDFROM
} ]
},
{
columnWidth:.5,
layout:"form",
defaults: {
width:175,
selectOnFocus: true
},
items:[
{
fieldLabel:TXT.PROJECT_FORM_FIELD_NAME,
vtype:"alphanum",
xtype:"textfield",
name:"proname",
maxLength:8
},
{
xtype:'datefield',
format:"Y-m-d",
name:"tostartdate",
id:"tostartdate",
fieldLabel:TXT.PROJECT_FORM_FIELD_STARTTO
},
{
xtype:"datefield",
format:"Y-m-d",
name:"toenddate",
id:"toenddate",
fieldLabel:TXT.PROJECT_FORM_FIELD_ENDTO
}
]
}
]
}
],
buttons:[
{
text:TXT.PROJECT_FORM_BUTTON_SEARCH ,
handler: function() {
var params = form.form.getValues();
params['cmd'] = 'project';
params['action'] = 'searchProjects';
params['start'] = '0';
params['limit'] = '10';
store.baseParams = params,
store.load();
}
}
]
});
var topToolbar = new Ext.Toolbar();
totalToolBarItem.createProject.handler = createAction;
topToolbar.addItem(totalToolBarItem.createProject);
totalToolBarItem.updateProject.handler = updateAction;
topToolbar.addItem(totalToolBarItem.updateProject);
totalToolBarItem.deleteProject.handler = deleteAction;
topToolbar.addItem(totalToolBarItem.deleteProject);
var cb = new Ext.grid.CheckboxSelectionModel();
var grid = new Ext.grid.GridPanel({
id:'projectGrid',
store: store,
viewConfig : {
autoFill : false
},
sm:cb,
columns: [
cb,
new Ext.grid.RowNumberer({
header:TXT.PROJECT_NO,
width:40
}),
{
header: TXT.PROJECT_FORM_FIELD_CODE,
sortable:true,
width: 200,
dataIndex:"procode"
},
{
header: TXT.PROJECT_FORM_FIELD_NAME,
sortable:true,
width: 200,
dataIndex:"proname"
},
{
header: TXT.PROJECT_FORM_FIELD_MANAGER,
sortable:true,
width: 200,
dataIndex:"promanager"
}
,
{
header: TXT.PROJECT_FORM_FIELD_STATUS,
sortable:true,
width: 200,
dataIndex:"prostts"
},
{
header: TXT.PROJECT_FORM_FIELD_STARTDATE,
sortable:true,
width: 200,
dataIndex:"prostartdate"
} ,
{
header: TXT.PROJECT_FORM_FIELD_ENDDATE,
sortable:true,
width: 200,
dataIndex:"proenddate"
}
],
frame:false,
width: 1000,
height: 480,
pagination: true,
region: 'center',
collapsible: false,
animCollapse: false,
title: TXT.BAR_RESULT_PROJECTS_TITLE,
style: 'margin-top:0px',
bodyStyle: 'padding:0px 0px 0px 0px',
tbar: topToolbar,
bbar: new Ext.PagingToolbar({
pageSize: 10,
store: store,
displayInfo: true,
})
});
grid.addListener('celldblclick', celldblclick);
var globView = new Base.GlobView();
globView.mainPanel.layout = 'border';
globView.addModuleComp(form);
globView.addModuleComp(grid);
globView.render("GBMS");
store.load()
});