HOW TO MOVE BETWEEN PANELS IN SENCHA TOUCH

ezra heywood

Total Post:145

Points:1019
Posted by  ezra heywood
 2526  View(s)
Ratings:
Rate this:
Hi Everyone!

When moving between panels I get the following error [WARN][Ext.Component#constructor] Registering a component with a id (`logOutButton`) which has already been used. Please ensure the existing component has been destroyed (`Ext.Component#destroy()`. 
I can go back to the previous screen but the cannot go forward again without getting the above error.
To combat this I have tried using the code below, but it does not work. Can anyone help me out?

var loginView = Ext.getCmp('login');
    if(!loginView){
       Ext.getCmp('loginTest2').destroy(); 
      loginView = Ext.create('com.view.Login');
  }

  Ext.Viewport.setActiveItem('login');
I also tried:

if(Ext.getCmp('login')){
     Ext.Viewport.setActiveItem('Login');
  }else{

    Ext.Viewport.setActiveItem(Ext.create('com.view.Login'));
  }

Neither of these work and result in the same error and a blank screen. I am using Sencha Touch 2.

Your help is great appreciated.
  1. AVADHESH PATEL

    Post:604

    Points:4228
    Re: How to move between panels in Sencha touch

    Hi Ezra!

    We can simply use following line to navigate from one panel to another..

    Ext.Viewport.animateActiveItem({ xtype: "cat" }, { type: "slide", direction: "up" });
    here, xtype is that we can define for the panel we want to display, like this...,

    Ext.define('BeLocal.view.LeftCurveList', {
           extend: 'Ext.Panel',
           **xtype: 'cat',**
           config: {
           items: [
                   {
                   xtype: 'toolbar',
                   docked: 'top',
                   width: '100%',
                   padding:0,
                   title: 'BeLocal Places',
                   items:[{
                          xtype: 'button',
                          ui: 'back',
                          text: 'Back',
                          ]
                   },

                ]
           }
           });


Answer

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!