/** * 表单 */ var fullForm = function() { var form; return { init : function() { // 组合框数据集 var departmentStore = new Ext.data.SimpleStore( { fields : ['department'], data : [['宿管部'], ['保卫处'], ['辅导员部']] }); form = new Ext.form.FormPanel( { title : '表单数据封装测试', width : 1000, height : 1000, frame : true, buttonAlign : 'center', items : [ { fieldLabel : '姓名', xtype : 'textfield', name : 'name' }, { fieldLabel : '简介', xtype : 'textarea', name : 'intro', width : 300, height : 100 }, { fieldLabel : '年龄', xtype : 'numberfield', name : 'age' }, { fieldLabel : '爱好', xtype : 'checkbox', name : 'interest', boxLabel : '上网' }, { fieldLabel : '爱好', xtype : 'checkbox', name : 'interest', boxLabel : '足球' }, { fieldLabel : '爱好', xtype : 'checkbox', name : 'interest', boxLabel : '编程' }, { fieldLabel : '时间', xtype : 'timefield', format : 'G:i:s',// 24时计时法,格式化显示或G时i分s秒 invalidText : '时间格式无效', value : '20:00:00', name : 'time' }, , { fieldLabel : '出生日期', name : 'birthday', xtype : 'datefield' }, { fieldLabel : '所属部门', xtype : 'combo', store : departmentStore, mode : 'local',// 本地模式 editable : true,// 可编辑 name : 'department', displayField : 'department',// 显示的字段 valueField : 'department',// 实际值字段 value : '宿管部',// 默认选中宿管部 triggerAction : 'all' }, { fieldLabel : '隐藏', xtype : 'hidden', name : 'hidden', value : '密码哦' }, { fieldLabel : 'Html', xtype : 'htmleditor', name : 'htmleditor' }], buttons : [{ text : '提交', handler : fullForm.comit }] }); Ext.main.addItems(form); }, comit : function() { var obj = {}; obj = Ext.dream.getObjFromForm(form); // 测试封装后的对象 Ext.MessageBox.alert('提示', obj.department) } } }(); Ext.onReady(fullForm.init, fullForm, true);