首页 > 代码库 > extJs学习基础2

extJs学习基础2

一个登陆界面:

 1 Ext.onReady(function(){ 2  3             Ext.define(Login,  {   4                 //renderTo: Ext.getBody(), 5                 extend: Ext.window.Window,   6                 closable: false,   7                 resizable : false,   8                 modal: true,   9                 //draggable: false,  10                 autoShow: true,  11                 title: 用户登录---OA办公系统,  12                 items:[{  13                     xtype:form,//父窗体  14                     reference: form,  15                     bodyPadding: 20,  16                     items:[{  17                         xtype: textfield,  18                         name: username,  19                         labelWidth: 50,  20                         fieldLabel: 用户名,  21                         allowBlank: false,  22                         emptyText: 用户名或邮箱地址  23                       },{  24                         xtype: textfield,  25                         name: password,  26                         labelWidth: 50,  27                         inputType: password,   28                         fieldLabel: 密  码,  29                         allowBlank: false,  30                         emptyText: 请输入您的密码  31                       }]  32                 }],  33                 buttons: [{  34                             name: registbutton,  35                             text: 用户注册,    36                           },{  37                             name: loginbutton,  38                             text: 用户登录,    39                             region: center,  40                             41                           }]  42               }  43             ); 44 45             var log = new Login();46             log.show();

 

extJs学习基础2