cách sử dụng bộ lọc trong cửa hàng ExtJs?

Question

Tôi đã tạo một cửa hàng bằng ExtJ và tôi muốn tải giá trị của cửa hàng vào ComboBox. Nhưng trước khi tải các giá trị tôi cần phải lọc một số dữ liệu dựa trên giá trị được chọn trong một comboBox khác.

Vì vậy, vì mục đích đó tôi nghĩ rằng tôi cần phải áp dụng bộ lọc trên cửa hàng, xin vui lòng bất kỳ cơ thể có thể giúp tôi làm thế nào tôi có thể làm điều đó.

mẫu: -

Ext.define('City', { 
extend: 'Ext.data.Model', 
fields: [ 
     { name: 'StateId', type: 'string' }, 
     { name: 'City', type: 'string' }, 
]}); 

Store: -

var cityStore = Ext.create('Ext.data.Store', { 
model: 'City', 
data : [ 
    { StateId: '1', City: 'Bangalore'}, 
    { StateId: '1', City: 'Mysore'}, 
    { StateId: '1', City: 'Dharwad'}, 
    { StateId: '2', City: 'Mumbai'}, 
    { StateId: '2', City: 'Pune'}, 
    { StateId: '2', City: 'Nagpur'} 
    ]}); 

Bây giờ tôi đang sử dụng này cityStore để tải trong Combobox. nhưng trước khi tải tôi muốn nếu stateId là 1 sau đó chỉ có 3 hồ sơ (Bangalore, Mysore, Dharwad) là tải trong combobox và nếu stateId là 2 sau đó 3 hồ sơ khác được tải trong combobox. Làm thế nào tôi có thể đạt được nó.

Answer 1

Theo tài liệu Ext.data.Store filter phương pháp:

var stateId = 1; // your value 
cityStore.clearFilter(true); 
cityStore.filter('StateId', stateId); 

Cập nhật

Tôi đã phát hiện ra rằng bộ lọc ComboBox dữ liệu bằng cách riêng của mình và không có cơ hội để thay đổi đó là hành vi. Nhưng tôi thấy hai giải pháp của vấn đề này:

1. Lọc dữ liệu bằng tay (xem Ext.util.MixedCollection filter) và tải nó vào cửa hàng của bạn (xem Ext.data.Store load)

2. Disable cửa hàng của clearFilter và filter phương pháp và sử dụng riêng cityFilter:

   Ext.define('CityStore', { 
       extend: 'Ext.data.Store', 
       filter: Ext.emptyFn, 
       clearFilter: Ext.emptyFn, 
       cityFilter: function (stateId) { 
        Ext.data.Store.prototype.clearFilter.call(this); 
        Ext.data.Store.prototype.filter.call(this, 'StateId', stateId); 
       } 
   }); 
   

   Sau đó, sử dụng phương pháp cityFilter().