`
忧里修斯
  • 浏览: 440455 次
  • 性别: 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、组件可以直接使用,使用简单,方便,有使用示例和...

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

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

    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)并非一种单一的技术,而是一种综合了多种技术的...

    swift-iOS高度封装自适应表单(重构版)

    "swift-iOS高度封装自适应表单(重构版)"是一个专为iOS设计的项目,它旨在提供一个高度封装、自适应性强的表单解决方案。这个项目可能是为了简化开发者在创建用户输入界面时的工作,提高代码的可维护性和复用性。 ...

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

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

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

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

    Protel99se封装库 原理图库 PCB封装库 元器件库 芯片测试SOCKET封装库 (多年工作积累).rar

    这个压缩包文件包含了该软件设计过程中的核心资源,包括封装库、原理图库、PCB封装库以及芯片测试SOCKET封装库,这些都是进行高效、准确的硬件项目设计所必不可少的部分。 1. **封装库**:在电路设计中,封装是指元...

    Struts2五种数据封装Demo

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

    表单验证 正则 函数封装

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

    step步骤表单(分步表单测试测试测试)

    在IT行业中,分步表单(Step Form)是一种常见的用户界面设计模式,它将复杂的表单数据输入过程拆分成多个步骤,以提高用户体验并降低填写难度。标题中的"step步骤表单(分步表单测试测试测试)"显然是一个关于分步...

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

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

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

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

    ios-iOS 高度封装自适应表单.zip

    在iOS开发中,创建自适应且高度封装的表单是一个常见的需求,这有助于提供用户友好的界面和流畅的交互体验。SWForm项目是为了解决这个问题而诞生的,它是一个强大的开源库,允许开发者快速构建自适应的表单界面。...

Global site tag (gtag.js) - Google Analytics