Extjs 一个关于分页的奇怪问题

[yangf2008]

首先直接查询所有信息在分页的时候没有问题，显示的分页信息正确，如：

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

请问这个是什么原因造成的，如何修改？

[汉尼拔]

很明显你的start和limit出了问题

[kui5656]

楼主看看我的这篇帖子，希望能帮助你！
http://topic.csdn.net/u/20110608/16/41a93a68-4fd8-46c0-af3d-3c472f87ec6e.html

[madStone_l]

嗯，我也遇到过这样的问问题。还没有解决，杯具呀

[yangf2008]

[Quote=引用 2 楼 kui5656 的回复:]
楼主看看我的这篇帖子，希望能帮助你！
http://topic.csdn.net/u/20110608/16/41a93a68-4fd8-46c0-af3d-3c472f87ec6e.html
[/Quote]

你好，你的帖子我看过了，我也仔细检查了json数据，没有格式问题。 关键是在第一次显示所有数据的分页没有问题，就是在点击"查询"按钮后会出现问题，后台使用的都是同一个查询方法，麻烦大家在帮我想想，谢谢

[kui5656]

[Quote=引用 4 楼 yangf2008 的回复:]

引用 2 楼 kui5656 的回复:
楼主看看我的这篇帖子，希望能帮助你！
http://topic.csdn.net/u/20110608/16/41a93a68-4fd8-46c0-af3d-3c472f87ec6e.html


你好，你的帖子我看过了，我也仔细检查了json数据，没有格式问题。 关键是在第一次显示所有数据的分页没有问题，就是在点击"查询"按钮后会出现问题，后台……
[/Quote]

那楼主你返回到客户端的数据是多少条呢？有没有传参？

[yangf2008]

返回的数据是十条，我使用firefox调试两次响应的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()
});

[yangf2008]

问题解决了，是传入的参数上加了‘’的问题，去掉后ok

[失去乐山贼]

参考

<link rel="stylesheet" type="text/css" href="ext/ext-4.0.0-gpl/ext-4.0.0/resources/css/ext-all.css" />
  <script type="text/javascript" src="ext/ext-4.0.0-gpl/ext-4.0.0/bootstrap.js"></script>
  <link rel="stylesheet" type="text/css" href="ext/ext-4.0.0-gpl/ext-4.0.0/examples/shared/example.css" />  
<title>无标题文档</title>
<script>
 
Ext.Loader.setConfig({enabled: true});

Ext.Loader.setPath('Ext.ux', 'ext/ext-4.0.0-gpl/ext-4.0.0/examples/ux/');

Ext.require([
    'Ext.data.*',
    'Ext.grid.*',
    'Ext.util.*',
    'Ext.ux.data.PagingMemoryProxy',
    'Ext.ux.ProgressBarPager',
	'Ext.state.*'
]);


Ext.onReady(function(){
	
	
    var myData = { 'items': [
            { customerNum: '1001', name: '王威', sex: 1, mobile: '15021306251' },
		    { customerNum: '1002', name: '小华', sex: 0, mobile: '15021306623' },
		    { customerNum: '1003', name: '小龙', sex: 1, mobile: '15021302253' }
        ]
        };

    // register model
    Ext.define('Company', {
        extend: 'Ext.data.Model',
        idProperty: 'company',
        fields: [
           {name: 'customerNum'},
           {name: 'name'},
           {name: 'sex', type: 'float'},
           {name: 'mobile'}
        ]        
    });
     //create the data store
    var store = Ext.create('Ext.data.Store', {
        model: 'Company',
        remoteSort: true,
        pageSize: 2,
        proxy: {
            type: 'pagingmemory',
            data: myData,
            reader: {
                type: 'json',
				root:'items'
            }
        }
    });   
    // create the Grid
    var grid = Ext.create('Ext.grid.Panel', {
		title:'Grid Demo',
        store: store,
        columns: [{
                id:'customerNum',
                text: '编号',
                sortable: true,
                dataIndex: 'customerNum',
                flex: 1                    
            },{
                id:'name',
                text: '姓名',
                sortable: true,
                dataIndex: 'name',
                width: 100 
            },{
                 id:'sex',
                text: '性别',
                sortable: true,
                dataIndex: 'sex',
                width:100
            },{
                id:'mobile',
                text: '电话',
                sortable: true,
                dataIndex: 'mobile',
                width:100
            }],
        stripeRows: true,
        
        frame:true,
        bbar: Ext.create('Ext.PagingToolbar', {
            pageSize: 2,
            store: store,
            displayInfo: true
        }),
		 renderTo: Ext.getBody()
    });
    store.load();
});