4、="text/javascript">Ext.onReady(function(){//--开始-->Ext.QuickTips.init();//初始化快速提示对象varlogins=newExt.form.FormPanel({id:'myLogin',//分配窗体IDtitle:'用户登录界面',//窗体标题信息内容width:300,//窗体宽度renderTo:document.body,//渲染到当前页面主体中去autoHeight:true,//窗体高度自动适应内容高度labelAlign:'r
5、ight',//left,top,right(默认为left)窗体内子标签向右对齐(布局为form有效)labelWidth:60,//窗体内子标签宽度buttonAlign:'center',//窗体按钮对齐方式(left,center,right)frame:true,//使窗体四个角为圆形bodyStyle:'padding:5px',//窗体主体样式iconCls:"titleIco",//设置窗体标题栏中图标monitorValid:true,//启用监测有效性功能(与formBind:true一起
6、使用)items:[{//窗体子组件layout:'column',//把整个空间划分成列布局,默认为行布局(每一行为一个组件)items:[{columnWidth:.28,//列所占的比例(最大值为1,各列的和加起来等于最大值1)html:''//左边列放一个logo},{columnWidth:.72,//form的含义是把容器按照横向划分,划分得到的行数与第4页/共4页ExtJs学习资料—Ext.form.FormPanel登录窗口面板使用说明[2021年7月
7、18日星期日]//容器内的子元素(直接子元素,而不包含子元素内部的元素)个数相同,每个元素占一行layout:'form',//右边列再分成上下两行items:[{xtype:'textfield',//组件类型fieldLabel:'用户名',//第一行是用户名输入框name:'userName',id:'userName',minLength:3,//输入的字符最小字符minLengthText:"用户名长度不能小于{0}",//若小于指定的最小字符提示此信息maxLength:12,//输入的字符最大字
8、符maxLengthText:"用户名最大长度不能大于{0}",//若大于指定的最小字符提示此信息allowBlank:false,//不允许为空(formBind:true,则按钮为禁用状态)emptyText:"请输入用户名",blankText:'用户名不能为空',//提示信息anchor:'100%'//自动伸缩},{xtype:'textfield',fieldLabel:'密码',//第