Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>The fiddle you've mentioned works well in my local project on my machine. For some reason, it doesn't work on fiddle site. Try running it on your local project.</p> <p>Still instead of using <code>onBackButtonTap</code> config, it's good to extend <code>Ext.navigation.View</code> class and override <code>onBackButtonTap</code> method. That way you'll have more control over whole components. You'd also like to override other configs as well. Here's what I'd use - </p> <pre><code>Ext.namespace('Ext.ux.so'); Ext.define('Ext.ux.so.CustomNav',{ extend:'Ext.navigation.View', xtype:'customnav', config:{ }, onBackButtonTap:function(){ this.callParent(arguments); alert('back button pressed'); } }); </code></pre> <p>the line <code>this.callParent(arguments)</code> will allow component to behave in default way + the way to wanted it to behave. And if you want to completely override the back button behavior you can remove this line. Try doing both ways.</p> <p>To use this custom component, you can use - </p> <pre><code>launch: function() { // Destroy the #appLoadingIndicator element Ext.fly('appLoadingIndicator').destroy(); var view = Ext.create('Ext.ux.so.CustomNav', { fullscreen: true, items: [{ title: 'First', items: [{ xtype: 'button', text: 'Push a new view!', handler: function() { //use the push() method to push another view. It works much like //add() or setActiveItem(). it accepts a view instance, or you can give it //a view config. view.push({ title: 'Second', html: 'Second view!' }); } }] }] }); } </code></pre> <p>Give this a shot. It'll work for you yoo.</p>
    singulars
    1. This table or related slice is empty.
    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.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      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