Сенча фильтр данных из магазина

Question

Я новый пользователь сенча прикосновением

У меня есть этот магазин

Ext.define('Final.store.Fotos',{ 
extend: 'Ext.data.Store', 
requires: ['Final.model.Foto'], 
config:{ 
    model: 'Final.model.Foto', 
    storeId: 'Fotos', 
    autoLoad: true, 
    proxy: { 
     type:'ajax', 
     url: '../../../prueba/index.cfm', 
     reader:'json' 
    } 
} 
}); 

модель

Ext.define('Final.model.Foto',{ 
extend: 'Ext.data.Model', 
config:{ 
    fields:[ 
     {name: 'caja', type: 'string'}, 
     {name: 'foto_id', type: 'int'}, 
     {name: 'id_caja', type: 'int'}, 
     {name: 'foto', type: 'string'} 
    ] 
} 
}); 

и контроллер

Ext.define('Final.controller.controladorCaja',{ 
extend: 'Ext.app.Controller', 
config: { 
    stores: ['Cajas', 'Fotos'], 
    models: ['Caja', 'Foto'], 

    refs: { 
     cajaLista: 'list' 
    }, 

    control: { 
     cajaLista: { 
      itemtap: 'clickCaja' 
     } 
    } 
}, 

clickCaja: function(series, item, evento, caja){ 
    var idcaja = caja.data.caja; 
    var vista = Ext.getCmp('principal'); 
    vista.push({ 
     title: ' Fotos', 
     items : [{ 
      extend: 'Ext.navigation.View', 
      config: { 
       id: 'fotos' 
      }, 
      items: [{ 
       xtype: 'button', 
       text: 'fsf' 
      }] 
     }] 
    }); 
} 
}); 

И в моей базе данных у меня есть 2 таблицы один с cajas или boxes и другие с изображениями, которые реляционные по id_caja или id_box

Так, в других точках зрения в сенч, я показываем имя ящиков в xtype: list. Итак, мой вопрос заключается в том, когда я нажимаю на элемент списка и запускаю функцию clickCaja, получаю идентификатор элемента и фильтруем изображения по полю id

Answer 1

Если ваш фото-список показывает все фотографии по умолчанию и должен быть ограничен конкретным «caja», если щелкнуть, вы можете использовать built in store filter.

var idcaja = caja.data.caja; 
Ext.getStore('Fotos').filterBy(function(record, id){ 
    return record.data.id_caja == idcaja; 
}, this); 

Edit: Если вы используете по умолчанию Ext.tab.Panel вы можете переключаться между вкладками с помощью метода setActiveItem для переключения между вкладками.

Пример:

В главной странице

Ext.define('App.view.Main', { 
    extend: 'Ext.tab.Panel', 
    xtype: 'main', 
    id : 'mainpanel', //set an id for your tab panel 
    ... 
} 

В контроллере:

refs: { 
    ..., 
    mainPanel :'#mainpanel' //get a reference to the main panel 
}, 

В вашем EventHandler вы могли бы использовать что-то вроде ...

this.getMainPanel().setActiveItem('fotoList'); //fotoList = xtype of your foto view 

... для переключения в ваш фото-лист.