`

extjs form

阅读更多
Ext.onReady(function() {
	// Ext.MessageBox.alert("title","msg");
	Ext.QuickTips.init();
	var form = new Ext.FormPanel({
		frame : true,
		width : 300,
		// monitorValid:true,//绑定验证
		layout : "form",
		labelWidth : 70,
		title : "添加个人信息",
		labelAlign : "left",
		renderTo : Ext.getBody(),
		submit : function() {
			this.getEl().dom.action = 'ext.jsp', this.getEl().dom.method = 'POST', this.getEl().dom.submit();
		},
		items : [{
					xtype : "textfield",
					fieldLabel : "用户名",
					// id:"UserName",
					allowBlank : false,
					blankText : "不能为空,请正确填写",
					name : "UserName",
					anchor : "90%"
				}, {
					xtype : "textfield",
					fieldLabel : "昵称",
					// id:"SmallName",
					name : "SmallName",
					anchor : "90%"
				}, {
					xtype : "datefield",
					fieldLabel : "注册日期",
					// id:"RegDate",
					name : "RegDate",
					anchor : "90%"
				}],

		buttons : [{
					text :"确认",
					handler : login,
					formBind : true
				}, {
					text :"取消",
					handler : reset
				}]
	});
	function login() {
		form.form.submit();//
	}
	function reset() {
		form.form.reset();//
	}

});
分享到:
评论

相关推荐

    Extjs4的FormPanel从后台load json数据的要点

    `Ext.form.Panel`是Extjs4提供的一个用于创建复杂表单的组件。它允许开发者构建包含多个输入字段、按钮以及其他交互元素的表单,并且提供了大量的功能来帮助处理表单数据,如验证、提交以及数据绑定等。 ### 二、...

    extjs-form组件配置参数详解

    ### extjs-form组件配置参数详解 #### 一、Ext.form.Action `Ext.form.Action`是ExtJS中的一个类,用于处理表单提交和加载数据的动作。它提供了多种配置选项和属性来控制表单操作的过程。 **配置项** - **success*...

    学习ExtJS form布局

    一、 Form布局由类Ext.layout.FormLayout定义,名称为form,是一种专门用于管理表单中输入字段的布局,这种布局主要用于在程序中创建表单字段或表单元素等使用。 hideLabels:tru表示隐藏标签,默认为false。 ...

    Extjs优化(二)Form表单提交通用实现

    在本文中,我们将深入探讨如何优化EXTJS中的Form表单提交过程,特别是在EXTJS应用程序中。EXTJS是一个强大的JavaScript框架,用于构建富客户端Web应用程序,而表单提交是任何应用程序中不可或缺的部分。优化这一过程...

    EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题

    在使用EXTJS构建表单时,用户遇到了在特定环境下EXTJS FORM组件中HIDDEN TEXTFIELD赋值时遇到的问题。具体而言,尽管在使用“value”属性为HIDDEN类型的TEXTFIELD赋值,但在某些机器上该值无法正确赋上。用户通过给...

    extjs之颜色选择器的使用

    EXTJS 是一个强大的JavaScript 应用程序框架,用于构建富客户端Web应用。ColorField 是EXTJS 中的一个组件,专门用于颜色选择。在EXTJS 应用中,颜色选择器提供了用户友好的界面,使得用户能够方便地从预设的颜色...

    extjs中的xtype的所有类型介绍

    1. form - xtype: 'form', 描述: 表单面板 2. checkbox - xtype: 'checkbox', 描述: 多选框 3. combo - xtype: 'combo', 描述: 下拉框 4. datefield - xtype: 'datefield', 描述: 日期选择项 5. timefield - xtype: ...

    ExtJs获取表单元素的值

    在本篇文章中,我们将深入探讨如何在ExtJs框架中有效地获取表单元素的值,并结合提供的代码示例进行详细解析。对于前端开发者来说,掌握如何高效地操作表单元素是必不可少的一项技能,尤其是在使用像ExtJs这样的强大...

    Extjs 后台模板

    2. **组件使用**:ExtJS 提供了各种组件,如 Grid(表格)、Panel(面板)、Form(表单)、Tree(树形结构)等,后台模板会使用这些组件创建常见的功能模块。例如,Grid 用于显示和操作数据,Panel 用于组织内容,...

    extjs form textfield的隐藏方法

    Form组件是ExtJS中用于构建数据输入界面的重要组成部分,而ExtJS的Form组件中的textfield是一个常用的表单项,用于收集用户的文本输入。在开发过程中,有时我们需要隐藏某些表单项,以实现特定的界面布局或功能需求...

    ext form小例子

    EXTJS Form组件是EXTJS库中的重要组成部分,用于创建丰富的、交互式的表单界面。它提供了各种表单字段、布局选项以及验证功能,使得开发者能够构建功能强大的数据输入和展示界面。在“EXT form小例子”中,我们将...

    extjs form builder

    NULL 博文链接:https://jeremy102.iteye.com/blog/1961672

    EXTJS与.NET开发

    6. **EXTJS Form与.NET表单验证**:EXTJS的表单组件可以与.NET的服务器端验证机制结合,实现前后端的表单验证一致性,确保数据的准确性和安全性。 7. **EXTJS Ajax与.NET WebMethods**:EXTJS的Ajax组件可以调用...

    Ext combobox 下拉多选框带搜索功能

    在IT行业中,Ext JS是一个广泛使用的JavaScript库,用于构建富客户端Web应用程序。它提供了一套丰富的组件,包括各种类型的输入控件,如ComboBox。在给定的标题“Ext ComboBox 下拉多选框带搜索功能”中,我们关注的...

    extjs批量上传的所有相关代码和jar,支持包和笔记

    1. **EXTJS Form Panel**: 批量上传通常会用到EXTJS的Form Panel组件,它允许我们创建表单并处理表单数据。在批量上传中,表单通常包含一个或多个文件输入字段,用于选择待上传的文件。 2. **File Input Field**: ...

    EXTjs+oracle

    4. **EXTjs Form组件**:用于数据输入,包括Field、FormPanel等。这些组件可以用于新建和编辑记录,与Oracle数据库进行数据交换。 5. **Oracle数据库连接**:在EXTjs应用中,通常使用后端服务(如Java、PHP或Node....

    extjs grid.panel 项目 源码

    在基于ExtJS Form表单的项目中,Grid Panel通常用于显示和编辑由Form表单收集或处理的数据。 源码分析可以从以下几个方面展开: 1. **组件创建**:首先,我们需要了解如何创建一个Grid Panel。这通常涉及到定义...

Global site tag (gtag.js) - Google Analytics