首页 > Web开发 > 详细

extJs学习基础2

时间:2014-11-18 23:10:51      阅读:163      评论:0      收藏:0      [点我收藏+]

一个登陆界面:

bubuko.com,布布扣

 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

原文:http://www.cnblogs.com/shaoshao/p/4106251.html

踩
(0)
赞
(0)
   
举报
评论 一句话评论(0)
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!