首页 > 代码库 > 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
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。