Note that there are some explanatory texts on larger screens.

plurals
  1. PONavigation View Sencha Touch 2
    primarykey
    data
    text
    <p>I have a problem with my NavigationView in Sencha Touch 2. When I push the 'back' button, then I can't navigate more than one window.</p> <p>I navigate using view.push() and view.pop().</p> <p>view.js:</p> <pre><code>Ext.define('MyApp.view.view', { extend: 'Ext.navigation.View', alias: 'widget.View', config: { id: 'nvView', items: [ { xtype: 'toolbar', docked: 'bottom', layout: { align: 'center', pack: 'center', type: 'hbox' }, items: [ { xtype: 'button', iconAlign: 'center', iconCls: 'info', iconMask: true, text: 'Ayuda' }, { xtype: 'button', iconAlign: 'center', iconCls: 'compose', iconMask: true, text: 'Guardar' }, { xtype: 'button', id: 'volver', iconAlign: 'center', iconCls: 'reply', iconMask: true, text: 'Volver' } ] }, { xtype: 'formpanel', title: 'View', html: 'View1', id: 'View1', styleHtmlContent: true, items: [ { xtype: 'button', docked: 'bottom', id: 'bView1', margin: 10, ui: 'forward', text: 'siguiente' } ] } ] } }); </code></pre> <p>view2.js:</p> <pre><code>Ext.define('MyApp.view.View2', { extend: 'Ext.form.Panel', alias: 'widget.View2', config: { fullscreen: true, html: 'View2', id: 'View2', styleHtmlContent: true, items: [ { xtype: 'button', docked: 'bottom', id: 'bView2', margin: 10, ui: 'forward', text: 'siguiente' } ] } }); </code></pre> <p>view3.js:</p> <pre><code>Ext.define('MyApp.view.View3', { extend: 'Ext.form.Panel', alias: 'widget.View3', config: { fullscreen: true, html: 'View3', id: 'View3', styleHtmlContent: true, items: [ { xtype: 'button', docked: 'bottom', id: 'bView3', margin: 10, ui: 'forward', text: 'siguiente' } ] } }); </code></pre> <p>ViewController.js:</p> <pre><code>Ext.define('MyApp.controller.ViewController', { extend: 'Ext.app.Controller', config: { views: [ 'View' ], refs: { bView1: 'bView1', bView2: 'bView2' }, control: { "#bView1": { tap: 'onView1' }, "#bView2": { tap: 'onView2' } } }, onView1: function(button, e, options) { button.up('navigationview').push({ xtype: 'View2', title: 'View2' }); }, onView2: function(button, e, options) { button.up('navigationview').push({ xtype: 'View3', title: 'View3' }); } }); </code></pre> <p>An example of my problem is this: I start in view1, then I push button 'siguiente' and I go to view2. If I push button 'back' (in navigationView) I go view1, then I push button 'siguiente' and go view2, but in view2, I push button 'siguiente' I can't go view3. </p> <p>Thank you very much in advance!</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload