ExtJs « Фильт store для связанных combobox

Всем привет, нужно при выборе CountryComboBox загрузить в CityComboBox список городов с фильтром по полю city_id. Мой код работает, но не с первого раза ))
Выбираю в первом combobox значение - захожу во второй - фильтр не применился.
Нажимаю ещё раз в первый, сново во второй - и вот только тогда он применяется. Что я делаю не так ??
И как потом сделать фильтр для вывода в grid, так же как и для combobox ?
ExtJs 3.

Мой код:
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript.geshi_code {font-family:monospace;} .javascript.geshi_code .imp {font-weight: bold; color: red;} .javascript.geshi_code .kw1 {color: #000066; font-weight: bold;} .javascript.geshi_code .kw2 {color: #003366; font-weight: bold;} .javascript.geshi_code .kw3 {color: #000066;} .javascript.geshi_code .co1 {color: #006600; font-style: italic;} .javascript.geshi_code .co2 {color: #009966; font-style: italic;} .javascript.geshi_code .coMULTI {color: #006600; font-style: italic;} .javascript.geshi_code .es0 {color: #000099; font-weight: bold;} .javascript.geshi_code .br0 {color: #009900;} .javascript.geshi_code .sy0 {color: #339933;} .javascript.geshi_code .st0 {color: #3366CC;} .javascript.geshi_code .nu0 {color: #CC0000;} .javascript.geshi_code .me1 {color: #660066;} .javascript.geshi_code span.xtra { display:block; }

tbar: [
  {
    xtype     : 'CountryComboBox', // expansion Ext.form.ComboBox
    listeners : {
      'select' : {
        fn : function(combo, value) {
          var combobox_city = Ext.getCmp('CityListCombobox');
          combobox_city.enable();
          combobox_city.clearValue();
          combobox_city.store.filter('city_id', combo.getValue(), true);
        }
      }
    }
  },
  {
    xtype     : 'CityComboBox', // expansion Ext.form.ComboBox
    id        : 'CityListCombobox',
    disabled  : true,
    listeners : {
      'select' : {
        fn : function(combo, value) {
          this.store.filter('people_id', combo.getValue(), true);
        }
      }
    }
  },  
  ...
 

1 ответов


Попробуйте перед применением фильтра сначала его явно очистить:


combobox_city.store.clearFilter();
 
Но не уверен, что поможет.
Для грида все тоже самое, как для комбо:

grid.store.filter(...);
 
Если по нескольким полям фильтрация идет, можно использовать filterBy и указать свою функцию для фильтрации. Эта функция должна каждую строку из грида сравнить со значениями в комбобоксах и выдать true/false.