使用extjs网格和Java休息服务进行分页工作不正常

时间:2012-12-24 05:11:47

标签: extjs

我有一个extjs网格面板。它包含分页工具栏。

这是分页工具栏代码:

                xtype: 'pagingtoolbar',
            store: 'courseStoreForGrid',   // same store GridPanel is using
            pageSize: 2,
            displayInfo: true,
            displayMsg: 'Displaying topics {0} - {1} of {2}',
            emptyMsg: "No topics to display",

这是我的商店代码:

                var itemsPerPage = 2; 
                 var courseStoreForGrid= Ext.create('Ext.data.Store',{
              fields : [ 'id','name','minimumAge','maximumAge','suggestedDurationDays','tags'],
             storeId:'courseStoreForGrid',
             remoteSort:true,
             pageSize:itemsPerPage,
             sortInfo: 
             {
              field: "name",
              direction: "ASC"
            },

//自动加载:真,                      代理 :{                 类型:'休息',                 url:'http:// localhost:8080 / WebService / iTest / course / PagingCourse.json',                 方法:'GET',                 范围:这个,                 读者:{                             输入:'json',                             root:'course',                             totalProperty:'totalCount'                          }

        }

    });
                    courseStoreForGrid.load({params:{start:0, limit:2}});

我的数据库中共有7条记录。当我第一次在该网格上执行分页时,它工作正常后不工作。 请帮助我。

1 个答案:

答案 0 :(得分:0)

您使用的是哪个版本的Ext-js?

在以下网址中,您可以找到官方EXT-JS 4.x文档,其中包含“网格面板”和“分页工具栏插件”的示例

http://docs.sencha.com/ext-js/4-1/#!/api/Ext.grid.Panel

http://docs.sencha.com/ext-js/4-1/#!/api/Ext.toolbar.Paging