javascript - Sencha 触摸 : How to set a limit for data in a JsonStore

Question

我正在尝试从 Json-File 中读取数据并将其数据输出到 Ext.List 中。但我不希望所有记录都显示在列表中。我只想显示前 3 条记录。我已经尝试了开始和限制选项，但它仍然不起作用。

这是我的部分代码

型号:

Ext.regModel('News', {
  fields: [
           'title', 
           'description',
           'guid' 
       ]
});

查看:

new Ext.List({
    "id" : "newsOverview",
    "store" : app.stores.newsStore,
    "itemTpl" : "{title}",
    "listeners" :  {
      "itemtap" : function(list, index) {
        Ext.dispatch({
          "controller": 'news',
          "action"    : "showDetails",
          "model" : Ext.ModelMgr.create(list.getStore().getAt(index).data, 'News')         
        });         
      }
    }
})

商店:

app.stores.newsStore = new Ext.data.Store({
  "model" : "News",
  "pageSize" : 2,
  "proxy" : {
    "type" : "ajax",
    "url" : 'includes/json/news.json',
    "reader" : "json",
    "operation" : {
      "start" : 0,
      "limit" : 2
    }
  }     
});

json:

[ 
  {
    "title" : "news1",
    "description" : "description for news 1",
    "date" : "Mon Dec 19 2011 16:23:28 GMT+0100",
    "guid" : "11/22/33"
  },
  {
    "title" : "news2",
    "description" : "description for news 2",
    "date" : "Sun Dec 18 2011 12:23:28 GMT+0100",
    "guid" : "22/33/44"
  },
  {
    "title" : "news3",
    "description" : "description for news 3",
    "date" : "Sat Dec 17 2011 10:22:28 GMT+0100",
    "guid" : "33/33/44"
  },
  {
    "title" : "news4",
    "description" : "description for news 4",
    "date" : "Sat Dec 17 2011 10:21:28 GMT+0100",
    "guid" : "43/33/44"
  }
]

列表应该只输出 news1 和 news2。有谁知道如何处理？我也试过一个过滤器。我试图在那里添加一个计数变量。但是它不在读取计数变量的正确范围内。必须有一个简单的方法来做到这一点。提前致谢。

问候吉尔斯

Answer 1

我找到了一个可能对其他人也有帮助的解决方案。在我的例子中，我使用的是一个列表。这个列表有一个名为 collectData 的函数，可以覆盖它。这是我的函数的样子

"collectData" : function(records, index) {
  var recs = [];
  var start = (index > records.length) ? 0 : index;
  var limit = (start+this.limit > records.length) ? records.length : start+this.limit;
  for(var i=start; i < limit; i++) {recs[i] = records[i]['data'];}
  return recs;
}

我只需要在我的列表中添加一个与 collectData 处于同一级别的限制属性。