var form = new Ext.form.FormPanel({ frame : true, height : 550, labelAlign : 'left', labelWidth : 110, defaultType : 'textfield', defaults : { width : 110 allowBlank : false }, items : { layout : 'column',//定义为列模式 height : 100, items : [{ columnWidth : .33, //显示为第一列的宽度33% layout : 'form', items : [{ xtype : 'textfield',//显示为输入框 fieldLabel : '姓名,//标签名称 labelStyle:'color:red',//标题的样式 minLength : 6, minLengthText : "长度不能小于6个字符", maxLength : 20, maxLengthText : "长度超过了20个字符", name : 'first',// style:'color:white',//编辑框的样式 allowBlank:false,//不允许为空 blankText:'密码不能为空'//不允许为空给的提示 regex : /[\u4e00-\u9fa5]/, //正则表达式在/...../之间. regexText:"只能输入中文!",//正则表达式错误提示 anchor : '90%' }, { xtype : 'textfield', fieldLabel : '生份证号, name : 'company', anchor : '90%' }, { xtype : 'textfield', fieldLabel : '有效期截止日期', name : 'company', anchor : '90%' }] }, { columnWidth : .33, layout : 'form', items : [{ xtype : 'textfield', fieldLabel : '入库合格证号', name : 'last', anchor : '95%' }, { xtype : 'textfield', fieldLabel : '入库合格证号', name : 'email', vtype : 'email', anchor : '95%' }, { xtype : 'textfield', fieldLabel : '航天标示码', name : 'A', anchor : '95%' }] }, { columnWidth : .33, layout : 'form', items : [{ xtype : 'textfield', fieldLabel : '入库合格证号', name : 'last', anchor : '95%' }, { xtype : 'textfield', fieldLabel : '入库合格证号', name : 'email', vtype : 'email', anchor : '95%' }, { xtype : 'textfield', fieldLabel : '复验合格证工程型号', name : 's', anchor : '95%' }] }] }, buttons : [{ text : '执行过滤条件', handler : function() { if (!form.getForm().isValid()) { return; }; store.baseParams = { xmlFile : getQueryStringValue('xmlFile'), condictions : getCondictionValues() }; store.reload(); form.getForm().reset(); } }, { text : '重置', handler : function() { form.getForm().reset(); } }] });