javascript - How to go to login form(login.js) when click submit on the register form(register.js) in sencha touch 2 -
i'm trying sencha touch app user first needs register. after that, pop alert have registered , when user presses 'ok' button, register form (register.js) go login form (login.js).
this register.js:
ext.define('demo.view.register',{ extend:'ext.form.panel', xtype:'register', requires:[ 'ext.form.fieldset', 'ext.field.email', 'demo.view.login' ], config:{ title:'register', iconcls:'user', url:'doregister.php', items:[ { xtype:'fieldset', title:'registration!!!', items:[ { xtype:'textfield', name:'username', label:'name' }, { xtype:'passwordfield', name:'password', label:'password' }, { xtype:'emailfield', name:'email', label:'email' }, { xtype:'textfield', name:'first_name', label:'first name' }, { xtype:'textfield', name:'last_name', label:'last name' } ] }, { xtype:'button', text:'share', ui:'confirm', handler: function() { // looks items stack above, getting reference first form see var form = this.up('register'); // sends ajax request form data url specified above (contact.php). // success callback called if non-error response server form.submit({ success: function() { ext.msg.alert('status', 'resgistered successful!', function(btn, text){ if (btn == 'ok'){ var redirect = 'login.js'; window.location = redirect; } }); } }); } } ] } });
this login.js:
ext.define('demo.view.login',{ extend:'ext.form.panel', xtype:'login', requires:[ 'ext.form.fieldset', 'ext.field.email' ], config:{ title:'login', iconcls:'user', url:'dologin.php', items:[ { xtype:'fieldset', title:'please login', items:[ { xtype:'textfield', name:'username', label:'username' }, { xtype:'passwordfield', name:'password', label:'password' } ] }, { xtype:'button', text:'login', ui:'confirm', handler: function() { // looks items stack above, getting reference first form see var form = this.up('share'); // sends ajax request form data url specified above (contact.php). // success callback called if non-error response server form.submit({ method:'post', waittitle:'connecting', waitmsg:'sending data...', success: function() { ext.msg.alert('status', 'login successful!', function(btn, text){ if (btn == 'ok'){ var redirect = 'share.js'; window.location = redirect; } }); } }); } } ] } });
you put both of forms inside 1 container card layout (layout: 'card') , when want switch login form can call setactiveitem(1) on parent container.. best use controller logic have references of containers/forms controller.
Comments
Post a Comment