A login interface:
1 Ext.onready (function () {2 3Ext.define ('Login', { 4 //renderTo:Ext.getBody (),5Extend'Ext.window.Window', 6Closable:false, 7Resizable:false, 8Modaltrue, 9 //Draggable:false,TenAutoShow:true, OneTitle'User Login---OA Office system', A items:[{ -Xtype'form',//parent Form -Reference'form', theBodypadding: -, - items:[{ -Xtype'TextField', -Name'username', +Labelwidth: -, -Fieldlabel:'User name', +Allowblank:false, AEmptytext:'user name or email address' at },{ -Xtype'TextField', -Name'Password', -Labelwidth: -, -InputType:'Password', -Fieldlabel:'Password', inAllowblank:false, -Emptytext:'Please enter your password' to }] + }], - buttons: [{ theName'Registbutton', *Text'User Registration', $ },{ Panax NotoginsengName'Loginbutton', -Text'User Login', theRegion'Center', + A }] the } + ); - $ varLog =NewLogin (); $Log.show ();
ExtJS Learning Basics 2