Sencha Touch:使用一个List动态更改商店

时间:2011-10-28 12:42:34

标签: javascript model-view-controller sencha-touch extjs

所以,我正在尝试编写一个使用列表很多的MVC应用程序。 我有一个视图,其中包含一个工具栏停靠在顶部的面板和列表:

app.views.SalonListView = Ext.extend(Ext.Panel, {
    layout: 'card',
    cardSwitchAnimation: 'slide',
    dockedItems: [
        {
            xtype: 'toolbar',
            dock: 'top'
        }        
    ],
    items: [
    {            
        xtype: 'SalonList',
        id: 'salon-list'
    }
    ]
});
Ext.reg('ListView', app.views.SalonListView);

我在另一个文件中定义了一个xtype列表:

app.views.SalonList = Ext.extend(Ext.List, {
    layout: 'card',
    itemTpl: // some tpl is here
});
Ext.reg('SalonList', app.views.SalonList);

您可能会注意到,我没有为我的列表设置商店。 我想要实现的是在我使用此视图的任何控制器中设置存储。 类似的东西:

salonList: function() {
    app.stores.SalonStore.read();
    this.salonsView = this.render({
        xtype: 'SalonListView',
        // so I need to set store for the list somewhere around here
    });
}

我是否有可能动态设置List的存储?

0 个答案:

没有答案