Question

我是使用sencha touch 2进行开发的新手，我有一个包含商家列表的容器

我的容器有以下代码

Ext.define('WL.view.tablet.Container2', {

    extend: 'Ext.Container',
    xtype: 'tabletContainer2',

    config: {

        layout: 'card',

        items: [
            {
                xtype: 'merchants',
                docked: 'left',
                width: 320,
                style: 'border-right: 2px solid #000'
            },
            {
                xtype: 'container',
                cls: 'tabletSplash',
                flex: 1
            }
        ]
    }
});

我想在点击列表中的任何商家时显示与商家列表一起的商家产品列表，这两个列表将并排显示

我尝试使用以下代码来实现

    var products = Ext.widget('products');
    Ext.widget('tabletContainer').setActiveItem(products);

但它对我来说没有按预期工作，有关如何在我的容器中设置活动项目的任何想法？

Answer 1

我不确定您的代码中有products或tabletContainer，但如果您想使用卡片布局向任何视图添加任何视图，我会这样做：

var prods = Ext.getCmp("WL.view.tablet.Products");
Ext.getCmp("tabletSplashId").animateActiveItem(prods, {type: 'slide', direction: 'left', duration : 500});

其中tabletSplashId是您要在其中设置此视图的容器ID。

在sencha触摸容器中设置活动项目

1 个答案: