Ext.define('EssM.form.LoginPanel',{ extend:'Ext.form.Panel', config: { id:'loginPageId', items: [ { xtype:'fieldset', id:'loginFieldset', title:'Enter Your Login Information', instructions:'Please enter your login information', items: [ { id: 'fldBadgeID', xtype: 'numberfield', name: 'AE_BadgeID', label: 'Badge', listeners: { action:function(t,e,opts){var b=this.up('formpanel').down('button');if ((b) && (!!t.getValue())){ b.onTap();}} } }, { id: 'fldPINID', xtype: 'numberfield', name: 'AE_PIN', label: 'PIN', listeners: { action:function(t,e,opts){var b=this.up('formpanel').down('button');if ((b) && (!!t.getValue())){ b.onTap();}} } }, { id: 'fldIDSet', xtype: 'numberfield', name: 'AE_IDSet', value: 0, label: '', hidden:true } ] },{ xtype:'panel', html:'Forgot PIN?' }, { xtype:'toolbar', docked:'bottom', layout:{pack:'center'}, items:[ { xtype:'button', id:'fldSubmitBtn', text:'Log in', style:{minHeight:'3.1em'}, ui:'action', listeners: { tap:function(t,e,opts){ execAjaxDB({AE_Code:1},this.up('formpanel').getValues()); } } } ] } ], listeners: { activate: function(form, options) { execAjax({AE_Code:2},{}); } } } });