2012-09-20 2 views
0

나는 목록 + 버튼을 표시하기위한 나의 주 javascript 파일로 다음 코드를 가지고있다. 모든 것이 올바르게 표시되고 상점에 항목을 추가하는 것과 같은 모든 것이 효과적이지만 이름이 특정 값과 같은 값만 표시하도록 목록을 가져 오는 간단한 방법이 있습니까?Sencha Touch 2 목록 필터링 Store

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' }] 
    } 
    ] 
} 
] 
} 
}); 

나는 간단한 필터가 있다고 생각 했었습니다 : 카테고리는 상점 아래에 추가 할 수 있지만 효과가있는 것은 없습니다.

답변

0

목록에 상점에서 제공 한 항목이 표시됩니다. 컨트롤 목록 필터의 경우 상점 개머기를 제어해야합니다. 필터에 대한 예

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

보면