Sencha Touch 2筛选列表存储

Question

我有以下代码作为我的主要JavaScript文件，用于显示列表+按钮。 一切都可以正确显示，并且向存储中添加项目等一切工作都很好，但是是否有一种简单的方法来使列表仅显示名称等于特定值的值？

Ext.define("MyProject.view.Main", {
extend: 'Ext.NavigationView',
requires: ['Ext.NavigationView', 'Ext.dataview.List'],
xtype: 'myproject-main',

config: {
items: [
{
  title: 'List of Data',
  layout: 'fit',
  xtype: 'container',
  itemId: 'listContainer',
  items: [
  {
    xtype: 'list',
    store: 'DataStuff',
    itemTpl: '{name}',
    emptyText: 'No data added yet'
  },
  {
    xtype: 'container',
    docked: 'bottom',
    padding: '5px',
    layout: 'hbox',
    items: [{ xtype: 'button', itemId: 'addBtn', text: 'Add Data', ui: 'confirm', width: '50%', align: 'left' }, { xtype: 'button', itemId: 'updateBtn', text: 'Update Data', ui: 'action', width: '50%', align: 'right' }]
  }
  ]
}
]
}
});

我以为有一个简单的过滤器：可以在商店下添加类别，但找不到任何有效的类别。

Answer 1

列表显示商店提供的项目。 对于控件列表过滤器，您应该控制他的商店装配工。 例

var store = list.getStore();
store.filter('category', 'first');
//or
var customFilter = function(record){
     return soAnyCheckForRecods(record);
}
store.filterBy(customFilter);

有关过滤器的更多信息，请参见http://docs.sencha.com/touch/2-0/#!/api/Ext.data.Store