在tabpanel -sencha 2 mvc的选项卡内切换视图

时间:2012-03-15 05:00:31

标签: list sencha-touch-2 tabpanel

我是sencha的新手,我正在使用sencha 2 mvc。我有一个Tabpanel,第一个标签包含一个列表。当点击列表中的按钮时,我想加载/切换其详细信息的视图form ..我无法找到答案。请尽快帮助我..

{
    xtype: 'tabpanel',
    baseCls:'tabheader',
    cls:'tab_container',
    scrollable:true,
    tabBarPosition: 'top',
    flex:1,
    items: [
        {
            xtype:'container',
            title:'Sample',
            id:'Sample',
            layout:'card',
            cardSwitchAnimation: 'slide',
            tabBarPosition: 'top',
            items:[
                {
                    title: 'Sample',
                    xtype: 'list',
                    flex:1,
                    store: 'SampleWithoutAgentOffers',
                    itemTpl: '{name}' ,
                    onItemDisclosure: function(record, btn, index) {
                        Ext.Viewport.setActiveItem(1);
                    }
                }                    
            ]
        },
        {
            xtype:'panel',
            html:'hiiii'
        }
    ]
}

在itemdisclosure我想加载视图..请帮助我..

1 个答案:

答案 0 :(得分:1)

请查看我对原始问题的编辑,我不确定您发布的配置是否会以JavaScript运行。

我修复了你的配置对象,所以它在技术上应该可行。但是,我无法看到您的Viewport对象。如果你想在onItemDisclosure上做的是用'hiii'的html显示面板,那么你应该这样做:

onItemDisclosure: function(record, btn, index) {
    this.parent.setActiveItem(1);
}