/**
* 表单
*/
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);
测试数据封装所用的表单
最新推荐文章于 2025-03-04 18:58:03 发布