2012-07-12 63 views
2

我遇到了sencha touch的情况,我需要通过单击按钮从一个视图更改为另一个视图。在Sencha Touch按钮点击更改视图

我的看法1是一个仪表盘,它显示大约8个图标,并且点击每个图标显示不同的视图。所以,我在这8个不同视图的标题中放置了一个主页按钮,我试图回到没有发ha的仪表板,而是显示一个空白屏幕,控制台中没有显示错误以供我检查。

我改变按钮点击视图代码:

    { 
         xtype:'button', 
         cls:'clsHome', 
         text:'Home', 
         style: 'background:#4A4245;color:white;', 
         handler: function() { 
          console.log("Home Clicked");             
          var dashboardPanel = Ext.create('AppSupport.view.DashBoard'); 
          Ext.Viewport.add(dashboardPanel); 
          //Ext.Viewport.setActiveItem(dashboardPanel,{type: 'slide', direction: 'left'});        
         } 
        } 

帮我家伙...先谢谢了...!

+0

你需要把所有Ext.Container你的意见与卡片布局,然后使用setActiveItem或您的容器上的animateActiveItem函数,并将您想要激活的视图作为参数传递。尝试在Sencha Touch厨房水槽中找到一些示例 – 2012-07-12 08:13:03

回答

2

您应该尝试在sencha架构文档中使用导航视图教程...它为应用程序的视图导航提供了一个简单的分步指南。导航视图还提供了从煎茶触摸2起,这也使得内置支持历史可以追溯到简单和容易

http://docs.sencha.com/architect/2/#!/guide/navigationview

+0

例如3个容器,每个容器都有自己的导航视图子项。如何添加和销毁每个容器? – 2012-09-17 03:59:22

+1

推增加容器和弹出销毁容器... Sencha导航视图负责添加和销毁只需确保每个容器具有唯一的ID – 2012-09-17 05:27:15