如何通过单击Sencha Touch中的listitem来更改视图?

时间:2014-02-10 06:55:28

标签: sencha-touch-2

以下是我的Sencha Touch应用程序的结构。我有一个观点,我给它xtype“主页”。在主页视图中,我有以下项目。

工具栏停靠在顶部。 应用程序左侧的列表 在右侧,我有一个视图,其中一些显示的ID是“显示”

问题:现在我希望当我点击列表中的不同选项时,应该在主页的右侧显示不同的视图。

我能够在控制器中调用list-item-tap功能,我能够识别列表中的不同项目。唯一的问题是我无法用另一个视图替换给定的显示器

1 个答案:

答案 0 :(得分:0)

好的,在网上搜索了一下后,我找到了以下解决方案。我应该使用layout:'card'到我需要更改视图的容器中。在我的例子中,它是一个带有id显示的容器。

然后在Controller.js中我应该编写以下代码:

        var item = Ext.ComponentQuery.query("#display")[0];
        item.setActiveItem({xtype:'xtype_of_your_view'});