测试数据封装所用的表单

/**
 * 表单
 */
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);

你可能感兴趣的:(html,编程,ext)