var archive_form = new Ext.form.FormPanel({ autoHeight: true, autoWidth: true, layout: 'column', border: false, items: [{ columnWidth: .5, xtype: 'fieldset', title: '基本信息', layout: 'form', defaults: {anchor: '95%'}, style: 'margin-left: 5px;padding-left: 5px;', // 第一列中的表项 items:[ {xtype: 'textfield',fieldLabel: '职工编号',name: 'personNum',readOnly: true}, {xtype: 'textfield',fieldLabel: '姓名',name: 'personName',readOnly: true}, {xtype: 'textfield',fieldLabel: '院系',name: 'college',readOnly: true}, {xtype: 'textfield',fieldLabel: '性别',name: 'sex',readOnly: true}, {xtype: 'textfield',fieldLabel: '人员状态',name: 'personStatus',readOnly: true} ] }, { columnWidth: .5, xtype: 'fieldset', title: '要填写的信息', layout: 'form', defaults: {anchor: '95%'}, style: 'margin-left: 5px;padding-left: 5px;', // 第二列中的表项 items:[ {xtype: 'textfield',fieldLabel: '档案号',name: 'archiveNum'}, {xtype: 'textfield',fieldLabel: '存放地点',name: 'location'}, {xtype: 'datefield',fieldLabel: '转入时间',name: 'inDate'}, {xtype: 'datefield',fieldLabel: '转出时间',name: 'outDate'}, {xtype: 'textfield',fieldLabel: '校区',name: 'campusType'}, {xtype: 'textarea',fieldLabel: '借阅记录',name: 'readRecord',height:80}, {xtype: 'textfield',fieldLabel: '职工类别',name: 'personType'} ] }], buttons : { align : "right", items : [{ text: "确定" }, { text : "取消", handler : function() { // 按钮响应函数 } }] } });