Creé una tienda usando ExtJs y quiero cargar el valor de la tienda en ComboBox. Pero antes de cargar valores, debo filtrar algunos datos según el valor seleccionado en otro comboBox.

Así que para ese propósito creo que necesito aplicar el filtro en la tienda, por favor, cualquier organismo puede ayudarme a hacerlo.

Modelo:-

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

Almacenar:-

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

Ahora estoy usando estotienda de la ciudad para cargar en combobox. pero antes de cargar quiero sistateId es 1 entonces solo 3 registros(Bangalore, Mysore, Dharwad) se cargan en combobox y sistateId es 2 Luego se cargan otros 3 registros en combobox. ¿Cómo puedo lograrlo?