2012-08-02 117 views
0

我尝试在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',          
    } 
    ] 

}}); 

感谢您的帮助

+0

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

回答

0

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

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

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

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

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

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

Cheers,Oleg

+0

感谢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

+0

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