ExtJs中简单的登录界面制作方法

一首先请看图片

二登陆界面外面的(外部的简写)代码复制代码代码如下： ///引用路径=' http:////www .JB 51。net/Resources/ext js/vswd-ext _ 2。0 .2 .js '//加载提示框延伸文件系统快速提示。init()；//创建命名空间Ext.namespace('XQH .框架');//主应用程序XQH .ext js。框架。app=function(){ } ext。扩展(XQH .可观察的，新的。面板({ id: 'loginLogo '，高度： 35,框架： rue，车身样式： '衬垫-顶部：4 px '，html:'h3center后台外面的(外部的简写)框架/center/h3' })，//登陆表单登录信息：新延伸文件系统形式。formpanel({ id : ' loginForm '，defaultType: 'textfield '，labelAlign: ' right '，labelWidth: 60，frame: true，默认值3360 { allowblank : false }，items :[{ name : ' LoginName '，fieldLabel: '登陆账号，空白文本： '账号不能为空，emptyText: '必填，anchor: '98%' }，{ name:'LoginPsd '，inputType: 'password '，fieldLabel: '登陆密码，空白文本： '密码不能为空，maxLength:10，anchor: '98%' } ] })，//登陆窗口登录：新分机。窗口({ id: '登录，标题： '登陆，width: 250，height: 150，closable: false，collapsible: false，resizable:false，defaults: { border: false }，buttonAlign: 'center '，buttons: [ { text: '关于}，{ text: '登陆} ]，layout: 'column '，items :[{ columntwith :1，items : ext。getcmp(' loginLogo ')}，{ columnWidth: 1，items : ext。getcmp(' loginFOrm ')}]})，//初始化init:函数(){这个.登录。show()；} });//程序入口延伸文件系统onready(function(){ var loginFrame=new XQH .ExtJs。框架。app()；loginframe。init()；});三使用心得1.///引用路径='//www .JB 51。net/Resources/ext js/vswd-ext _ 2。0 .2 .js /这句为外面的(外部的简写)自动提示功能源文件2.关于外面的(外部的简写)界面布局常用的有边框、列、适合这几种，详细用法以后再作介绍3.关于外面的(外部的简写)使用，其实大部分就是窗户、面板里面镶嵌自己需要的内容，如formpanel(表单)。4.要理解{对象配置},其实大部分外面的(外部的简写)配置项都是基于这种形式的，{名称：值},如按钮{text:'l登陆'} 5.书写外面的(外部的简写)代码最好规范化，这样可以减少出错率。大概形式：复制代码代码如下： { id: ' '，(最好写上)配置信息， (如果是最外层的别忘了写布局，布局模式)} PS:欢迎大家补充，提意思。