[英]Sencha Touch 2 Filter a List Store
我有以下代碼作為我的主要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' }]
}
]
}
]
}
});
我以為有一個簡單的過濾器:可以在商店下添加類別,但找不到任何有效的類別。
列表顯示商店提供的項目。 對於控件列表過濾器,您應該控制他的商店裝配工。 例
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
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.