Sencha Touch 2:在导航视图的导航栏中按下新视图的按钮

Question

我试图在导航视图的导航栏中添加一个按钮，当我点击该按钮时，可以推送一个新视图。我需要帮助，因为我不明白我该怎么做。我的按钮还可以，我可以在控制台中记录点击操作，但我不能推送新视图。我需要有一个停靠在我的选项卡上的视图。。。事实上，我想要的是向用户建议更改视图的可能性：通过按钮，他可以切换视图：导航/列表到旋转木马（使用来自商店的相同数据）。导航视图和我的结果列表都可以，但我无法通过点击按钮添加转盘视图的可能性。。。

我的第一个问题是，这可能吗？如果是，我该怎么做？

我的代码：

Ext.define("MyApp.view.Annuaire", {
extend: 'Ext.navigation.View',
xtype: 'annuairepanel',
requires: [
    'Ext.dataview.List',
    'Ext.data.proxy.JsonP',
    'Ext.data.Store'
],
config: {
    /*IMPORTANT : évite une erreur de clsReplace...*/
    autoDestroy: false,
    title: 'Annuaire',
    iconCls: 'address_book',
    defaultBackButtonText: 'Retour',
            navigationBar: {
    items: [
        {
            xtype: 'button',
            id: 'carousel-annuaire',
            iconCls: 'more',
            iconMask: true,
            align: 'right',
            listeners: {
                'tap': function() {
                        console.log('tap !');
                }
            }
        }
    ]
    },
    items: [
    {
        xtype: 'list',
        id: 'liste-annuaire',
        cls: 'x-liste-annuaire',
        itemTpl: [ 
                 '<div class="vignette-liste" style="background-image:url({_ann_www_pub});"></div>',
                 '<div class="titre-liste">{post_title}</div>',
                 '<div class="categories-liste">{categories}</div>'
                 ].join(''),
        title: 'Annuaire',
        grouped:true,
        indexBar:true,
    store: 'Annuaires',                                    
    }
    ]
}});

感谢您的帮助

Ben

Answer 1

您不明白为什么要使用NavigationView吗？它的用例是创建一个堆叠的面板池（Ext.Panel和/或Ext.form.Panel），并执行navi.push（view）/navi.pop（），以便在例如Master-Detail关系中轻松导航。

首先，不打算将列表添加为导航视图的直接子项。

此外，良好的做法是使用SenchaMVC控制器。我建议您从阅读Sencha文档页面中的基本概念开始：http://docs.sencha.com/touch/2-0/#/引导器/控制器，http://docs.sencha.com/touch/2-0/#/指南/视图和其他指南。

我不是说有完美的入门来源，但有一些东西。如果你想更近距离地看森茶，买一本商业书。

提示，永远不要买Jesus Garcia的书

我更喜欢Packt出版社的期刊。

干杯，Oleg