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：在導航欄中按下新視圖的按鈕導航欄查看

回答

相關問題