Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>Its hard to tell you how to fix the problem without the controller being present because i could not simulate the above problem. But here is my hunch based on the provided code that i tested, the problem might stem from the misuse of panels. As panels are the base for everything that is floating and modal, which is not what you want in this case(this is what Sencha touch in action states pg76). Also the noteslist has the layout fit but you aren't stating a height. The fit takes the height of its parent but we dont know what is the parent height as you are using the add. Lastly i suggest you take out everything from the initialize function and put it in the configs items like i did below(now remember that the last one is a suggestion) Good luck :) </p> <pre><code> config : { listeners : [ { delegate : '#logOutButton', event : 'tap', fn : 'onLogOutButtonTap' } ], items : [ { xtype : "toolbar", title : 'My Notes', docked : "top", items : [ { xtype : "button", text : 'Log Out', ui : 'action', }, { xtype : 'spacer' }, { xtype : "button", text : 'New', ui : 'action', handler : this.onNewButtonTap, scope : this } ] }, { xtype : 'textfield', name : 'name', label : 'Name' }, { xtype : 'emailfield', name : 'email', label : 'Email' }, { xtype : 'passwordfield', name : 'password', label : 'Password' }, { xtype : "toolbar", docked : "bottom", layout : { type : 'hbox', pack : 'center' }, items : [ { xtype : "button", text : "testButton", width : "100" } ] }, { // xtype : "noteslist", layout : 'vbox', store : Ext.getStore("Notes"), listeners : { disclose : { fn : this.onNotesListDisclose, scope : this } } } ] } </code></pre> <p>FYI i just removed everything from the initialize and just left this.callParent(arguments); but i dont think that you need that either because this will call on its parent constructor</p>
 

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