Question

我试图在我的应用程序中使用分页网格和工具栏。

目前我有这个Ajax请求，它包含我的所有逻辑（发出请求，解码响应，创建模型/将其投射到商店，并适当地返回字段）：

var request     = Ext.Ajax.request({
                url         : 'MCApp',
                jsonData    : searchquery, //String created from user input
                success     : function(response) {
                   var mainresponse     = response.responseText;   
                   var decoded          = Ext.decode( mainresponse );          
                   for( var i=0; i < decoded.elements.length; i++ ) {
                       var element      = decoded.elements[ i ].element;
                       var element_name = element.name;
                   var model = {};  
                   // loop over attributes
                   for( var x=0; x < element.attributes.length; x++ ) {
                       var attribute               = element.attributes[ x ];
                       model[ attribute.attrname ] = attribute.attrvalue;
                   }
                   // implicitly cast data as Model
                   newstore.add( model ); 
                   } //etc.

我的商店：

var newstore = Ext.create('Ext.data.Store', {
    autoLoad    : true,
    pageSize    : 15,
    fields: [ 
        {name   : 'tech',   type    : 'auto'}, 
        {name   :'id',      type    : 'auto'}, 
        {name   :'name',    type    : 'auto'}
        //etc.
    ] 
});

我的网格上有一个xtype: 'pagingtoolbar'，使用store: newstore，但它似乎没有读取任何数据（即＆＃34;没有要显示的项目＆＃34;）：< / p>

var grid = Ext.define('AM.view.metadata.ResponseList' ,{
    extend  : 'Ext.grid.Panel',
    alias   : 'widget.responselist',
    id      : 'reslist',
    //...
    dockedItems :[
        xtype: 'toolbar',
        dock: 'bottom',
        items: [
            { xtype: 'pagingtoolbar',store: newstore, ...

我的代码中没有任何地方定义代理（也许这是一个问题？）无论如何，有关如何使其工作的任何想法？

带有JSON数据的PagingToolbar - Ext JS

0 个答案: