Sencha Touch 2 过滤列表存储答案

【问题标题】：Sencha Touch 2 Filter a List StoreSencha Touch 2 过滤列表存储
【发布时间】：2012-09-13 07:07:55
【问题描述】：

我有以下代码作为我的主要 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' }]
  }
  ]
}
]
}
});

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

【问题讨论】：

标签： javascript filter sencha-touch extjs store

【解决方案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

【讨论】：