ext-form多行多列

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();
        }
    }]
});

你可能感兴趣的:(正则表达式,ext)