Sencha 过滤来自商店的数据

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 并通过 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);

编辑： 如果您使用默认的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
},

在您的事件处理程序中，您可以使用类似...

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

...切换到您的照片列表。