Фильтрация магазина для combobox и bindStore

Question

Магазин привязан к вышивке с bindStore в отдельной функции.

Все работает нормально - за исключением того, что мне нужно отфильтровать данные в этой функции на основе данных параметров.

loadMarkers: function(store, value){ 

    store.filter('markerid',17); 

    this.fields.marker.bindStore(store); 
    this.fields.marker.setValue(value); 
    } 

Этот конкретный пример имеет два способа сравнения, которые он использовал, - до привязки и после. Console.log в конце показывает отфильтрованное хранилище как для «магазина», так и для combobox. Но сам combobox все еще показывает все.

выпадающие конфигурации:

marker: new Ext.form.ComboBox({ 
    fieldLabel: _('Marker'), 
    displayField: 'name', 
    valueField: 'id', 
    mode:'local', 
    lastQuery: '', 
    store: new Ext.data.JsonStore({ 
     fields: ['name', 'id', 'markerid'], 
     data: [ 
     {name:_('Default'), id: 0, markerid: 0} 
     ] 
    }) 
    }) 

this.markerStore = new Ext.data.JsonStore({ 
    autoLoad: true, 
    url: 'Api/getMarkers', 
    root: 'response', 
    sortInfo: {field: 'name', direction: 'ASC'}, 
    fields: Ext.data.Record.create([ 
    {name: 'id', type: 'integer'}, 
    {name: 'name', type: 'string'}, 
    {name: 'markerid', type: 'integer'} 
    ]) 
}); 

Answer 1

Я предполагаю, что вы используете ExtJs 3.4 для этого ответа в связи с форматом код выше.

Я попытался запустить ваш код напрямую и получил ряд ошибок. Например, _('Default') _() is undefined и из того, что я вижу в документации, ComboBox не имеет функции bindStore ComboBox Documation.

Я переписал код в нижеследующий код, и он отлично работает для меня. Вы должны убедиться, что вы применяете фильтр ПОСЛЕ того, как хранилище загрузило данные, в моем примере я жду, когда произойдет событие загрузки.

Ext.onReady(function() { 

    Ext.BLANK_IMAGE_URL = '/js/ext-3.4.0/resources/images/default/s.gif'; 

    var markerStore = new Ext.data.JsonStore({ 
     autoLoad: true, 
     url: 'data/data1.json', 
     root: 'rows', 
     sortInfo: {field: 'name', direction: 'ASC'}, 
     fields: [ 
      {name: 'id', type: 'integer'}, 
      {name: 'name', type: 'string'}, 
      {name: 'markerid', type: 'integer'} 
     ], 
     listeners: { 
      'load': function() { 
       Ext.getCmp('createformTypeCombo').getStore().filter('markerid', 17); 
      } 
     } 
    }); 


    var form = new Ext.form.FormPanel({ 
     renderTo: Ext.getBody(), 
     items: [ 
      new Ext.form.Label({ 
       text: "form", 
       margin: "25 10 25 5" 
      }), 
      new Ext.form.ComboBox({ 
       fieldLabel: 'Marker', 
       id: 'createformTypeCombo', 
       displayField: 'name', 
       valueField: 'id', 
       mode:'local', 
       lastQuery: '', 
       store: markerStore 
      }) 
     ] 
    }); 
});