`
忧里修斯
  • 浏览: 432447 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

测试数据封装所用的表单

阅读更多
/**
 * 表单
 */
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);
分享到:
评论

相关推荐

    基于element组件库封装的动态表单组件

    动态表单是一种能够根据数据结构自动生成表单的组件,通常用于处理复杂的表单场景,如配置、编辑或录入大量数据。Vue3的引入为动态表单组件带来了更好的性能和更灵活的API。Vue3采用了Composition API,它允许开发者...

    vue复杂的form表单封装和使用

    1、该组件封装了表单中的输入框、密码框、文本域、下拉框、单选、多选、日期、文件上传、按钮等元素; 2、动态设置表单排列样式; 3、使用slot,灵活修改元素; 4、组件可以直接使用,使用简单,方便,有使用示例和...

    Js封装的弹窗表单-xForm

    以下是关于"Js封装的弹窗表单-xForm"的知识点详解: 1. **封装**: 封装是面向对象编程的核心概念,它将复杂性隐藏在对象内部,对外只暴露简单的接口。在xForm中,开发者不需要关心表单的具体实现细节,只需要调用...

    httpclient模拟post请求json封装表单数据的实现方法

    在这个场景中,我们关注的是如何使用 HTTPClient 发送一个 JSON 格式的 POST 请求并封装表单数据。下面将详细介绍这个过程。 首先,我们需要创建一个 `HttpPost` 对象,并指定目标 URL。在给出的代码中,`url` 参数...

    ios-iOS 高度封装自适应表单(编辑及附件).zip

    本文将深入探讨如何在iOS中实现这样一个高度封装的、支持编辑及附件功能的表单系统。 首先,我们需要理解表单的核心概念。在iOS中,表单通常由各种UI组件构成,如UITextField、UILabel、UIButton以及可能的...

    nodejs封装好的mysql数据库模块,带mysql连接池以及百万测试数据

    本模块基于Node.js实现了对MySQL数据库的封装,利用了mysql连接池来优化性能,并且包含了用于测试的百万级数据,确保了在大数据量场景下的稳定性和效率。以下将详细介绍该模块的关键知识点: 1. **Node.js与MySQL**...

    基于antd4二次封装的form组件

    Form组件在antd中扮演着数据收集与验证的重要角色,它与Input、Select等控件配合,能够方便地创建表单。然而,原始的antd Form组件可能无法满足所有项目中的复杂业务逻辑,因此,二次封装是为了提高代码复用性、增强...

    Ajax 动态表单验证封装类附示例

    本文将详细介绍Ajax动态表单验证的概念、原理,并提供一个封装类的示例,帮助开发者理解和应用这一技术。 ### 一、Ajax简介 Ajax(Asynchronous JavaScript and XML)并非一种单一的技术,而是一种综合了多种技术的...

    芯片封装与测试 陶瓷封装工艺-讲稿.rtf

    芯片封装与测试 陶瓷封装工艺-讲稿.rtf 学习资料 复习资料 教学资源

    芯片封装与测试 塑料封装材料-讲稿.rtf

    芯片封装与测试 塑料封装材料-讲稿.rtf 学习资料 复习资料 教学资源

    Struts2五种数据封装Demo

    6. 运行项目,测试不同封装方式的数据传递和处理。 这个Demo是一个很好的起点,通过实践,你将更深入地理解Struts2的数据封装机制以及Servlet的三大对象。记得在学习过程中不断尝试和调试,理论与实践相结合,才能...

    表单验证 正则 函数封装

    表单验证 正则 函数封装 不会用的和本人联系

    芯片的封装测试技术与讨论.pdf

    芯片的封装测试技术是半导体制造流程中至关重要的一个环节。封装的作用不仅仅是为芯片提供物理保护和稳定的环境,以确保芯片的正常工作,而且封装后的芯片还需要进行一系列严格的测试来保证其性能和可靠性。本篇文档...

    网络数据帧封装程序

    网络数据帧封装程序是计算机网络通信中的一个关键过程,它涉及到如何将上层协议的数据转换成可以在物理介质上传输的格式。在这个过程中,数据通过不同的网络层次进行包装,添加额外的信息,以便在网络中正确地传输和...

    二次聚合封装elementui的formtable组件实现数据驱动视图

    1. **表单与表格联动**:封装后的组件可能允许在表格中直接编辑数据,并同步更新到表单中,或者在表单中修改数据后实时更新表格显示。 2. **动态渲染**:根据数据结构自动生成Form字段和Table列,减少手动配置的...

    芯片封装与测试 塑料封装工艺-讲稿.rtf

    芯片封装与测试 塑料封装工艺-讲稿.rtf 学习资料 复习资料 教学资源

    Validator表单验证封装

    Validator是基于JavaScript技术的伪静态类和对象的自定义属性,可以对网页中的表单项输入进行相应的验证,允许同一页面中同时验证多个表单,熟悉接口之后也可以对特定的表单项甚至仅仅是某个字符串进行验证。...

    集成电路的测试与封装.ppt

    集成电路的测试与封装.ppt集成电路的测试与封装.ppt集成电路的测试与封装.ppt集成电路的测试与封装.ppt集成电路的测试与封装.ppt

Global site tag (gtag.js) - Google Analytics