0

我尝试在导航视图的导航栏中添加一个按钮，当我点击该按钮时可以推送一个新视图。我需要帮助，因为我不明白我该怎么做。我的按钮没问题，我可以在控制台中记录点击操作，但我无法推送新视图。我需要一个停靠在我的标签栏上的视图...实际上我想要的是向用户建议更改视图的可能性：使用按钮他可以切换视图：导航/列表到轮播（具有相同的数据来自店铺）。导航视图和我的结果列表一切正常，但我无法通过点击按钮添加轮播视图的可能性......

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

我的代码：

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',                                    
    }
    ]

}});

谢谢你的帮助

本

4

1 回答 1

0

你不会混淆为什么使用 NavigationView 吗？它的用例是创建一个堆叠的面板池（Ext.Panel 和/或 Ext.form.Panel）并执行 navi.push(view)/navi.pop() 以轻松导航，例如。主从关系。

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

好的做法是使用 Sencha MVC控制器。我建议您从阅读 Sencha 文档页面中的基本概念开始： http ://docs.sencha.com/touch/2-0/#!/guide/controllers ，http ://docs.sencha.com/touch /2-0/#!/guide/views和其他指南。

我并不是说有完美的入门资源，但有一些东西。如果您想更仔细地查看煎茶，请购买商业书籍。

提示，永远不要买耶稣加西亚的书

我更喜欢Packt Publishers 的问题。

干杯，奥列格

于 2012-08-02T13:43:27.797 回答