Sencha Touch 2：在导航栏中按下新视图的按钮导航栏查看

我尝试在navigationView的导航栏中添加一个按钮，当我点击按钮时可能会推新视图。我需要帮助，因为我不明白我该怎么做。我的按钮没问题，我可以在控制台中记录点击动作，但我无法推送新视图。我需要有一个视图停靠到我的标签栏... 我想要的其实是建议用户改变视图的可能性：用他可以切换视图的按钮：导航/列表到旋转木马（使用相同的数据一家商店）。一切都可以与navigationview和我的结果列表，但我不能通过点击按钮添加旋转木马视图的可能性...Sencha Touch 2：在导航栏中按下新视图的按钮导航栏查看

我的第一个问题是，是否有可能？如果是的话，我该怎么做？

我的代码：

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

}});

感谢您的帮助

本

来源

2012-08-02 darkben

欢迎来到SO。请澄清，你想要什么？你可以编辑你的文章 – olegtaranenko 2012-08-02 08:48:31

你不困惑，为什么NavigationView是干什么用的？它的用例是创建一个面板的堆栈（Ext.Panel和/或Ext.form.Panel），并做navi.push（view）/navi.pop（），以便于在例如。主 - 细节关系。

首先，它并不打算将列表添加为Navi View的直接子元素。

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

我不说有完美的入门资源，但有一些东西。如果你想更仔细地看看Sencha买一本商业书籍。

提示，从来不买耶稣加西亚的书

我宁愿从年底Packt出版的问题。

Cheers，Oleg

来源

2012-08-02 13:43:27 olegtaranenko

感谢Oleg的回答。我用这段代码做了我想要的东西。 'code'听众：{ \t \t \t \t \t '抽头'：函数（）{ \t \t \t \t \t \t \t \t \t \t \t \t VAR视图= Ext.create（ 'MyApp.view.AnnuaireCarousel'）; \t \t \t \t \t \t如果（！view.getParent（））{ \t \t \t \t \t \t \t \t Ext.Viewport。添加（视图）; \t \t \t \t \t \t} \t \t \t \t \t \t \t view.show（）; \t \t \t \t \t \t \t this.hide（）; \t \t \t \t \t} \t \t \t \t} – darkben 2012-08-03 08:52:58

我用煎茶触摸两个例子来实现我的第一应用。我认为一切都不完美，但它的工作。我正在寻找一本好书，但我暂时没有找到关于Sencha Touch 2的好书...再次感谢Oleg！ – darkben 2012-08-03 09:23:40

Sencha Touch 2：在导航栏中按下新视图的按钮导航栏查看

回答

相关问题