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();//
}
});
分享到:
相关推荐
`Ext.form.Panel`是Extjs4提供的一个用于创建复杂表单的组件。它允许开发者构建包含多个输入字段、按钮以及其他交互元素的表单,并且提供了大量的功能来帮助处理表单数据,如验证、提交以及数据绑定等。 ### 二、...
### extjs-form组件配置参数详解 #### 一、Ext.form.Action `Ext.form.Action`是ExtJS中的一个类,用于处理表单提交和加载数据的动作。它提供了多种配置选项和属性来控制表单操作的过程。 **配置项** - **success*...
一、 Form布局由类Ext.layout.FormLayout定义,名称为form,是一种专门用于管理表单中输入字段的布局,这种布局主要用于在程序中创建表单字段或表单元素等使用。 hideLabels:tru表示隐藏标签,默认为false。 ...
在本文中,我们将深入探讨如何优化EXTJS中的Form表单提交过程,特别是在EXTJS应用程序中。EXTJS是一个强大的JavaScript框架,用于构建富客户端Web应用程序,而表单提交是任何应用程序中不可或缺的部分。优化这一过程...
在使用EXTJS构建表单时,用户遇到了在特定环境下EXTJS FORM组件中HIDDEN TEXTFIELD赋值时遇到的问题。具体而言,尽管在使用“value”属性为HIDDEN类型的TEXTFIELD赋值,但在某些机器上该值无法正确赋上。用户通过给...
EXTJS 是一个强大的JavaScript 应用程序框架,用于构建富客户端Web应用。ColorField 是EXTJS 中的一个组件,专门用于颜色选择。在EXTJS 应用中,颜色选择器提供了用户友好的界面,使得用户能够方便地从预设的颜色...
1. form - xtype: 'form', 描述: 表单面板 2. checkbox - xtype: 'checkbox', 描述: 多选框 3. combo - xtype: 'combo', 描述: 下拉框 4. datefield - xtype: 'datefield', 描述: 日期选择项 5. timefield - xtype: ...
在本篇文章中,我们将深入探讨如何在ExtJs框架中有效地获取表单元素的值,并结合提供的代码示例进行详细解析。对于前端开发者来说,掌握如何高效地操作表单元素是必不可少的一项技能,尤其是在使用像ExtJs这样的强大...
2. **组件使用**:ExtJS 提供了各种组件,如 Grid(表格)、Panel(面板)、Form(表单)、Tree(树形结构)等,后台模板会使用这些组件创建常见的功能模块。例如,Grid 用于显示和操作数据,Panel 用于组织内容,...
Form组件是ExtJS中用于构建数据输入界面的重要组成部分,而ExtJS的Form组件中的textfield是一个常用的表单项,用于收集用户的文本输入。在开发过程中,有时我们需要隐藏某些表单项,以实现特定的界面布局或功能需求...
EXTJS Form组件是EXTJS库中的重要组成部分,用于创建丰富的、交互式的表单界面。它提供了各种表单字段、布局选项以及验证功能,使得开发者能够构建功能强大的数据输入和展示界面。在“EXT form小例子”中,我们将...
NULL 博文链接:https://jeremy102.iteye.com/blog/1961672
6. **EXTJS Form与.NET表单验证**:EXTJS的表单组件可以与.NET的服务器端验证机制结合,实现前后端的表单验证一致性,确保数据的准确性和安全性。 7. **EXTJS Ajax与.NET WebMethods**:EXTJS的Ajax组件可以调用...
在IT行业中,Ext JS是一个广泛使用的JavaScript库,用于构建富客户端Web应用程序。它提供了一套丰富的组件,包括各种类型的输入控件,如ComboBox。在给定的标题“Ext ComboBox 下拉多选框带搜索功能”中,我们关注的...
1. **EXTJS Form Panel**: 批量上传通常会用到EXTJS的Form Panel组件,它允许我们创建表单并处理表单数据。在批量上传中,表单通常包含一个或多个文件输入字段,用于选择待上传的文件。 2. **File Input Field**: ...
4. **EXTjs Form组件**:用于数据输入,包括Field、FormPanel等。这些组件可以用于新建和编辑记录,与Oracle数据库进行数据交换。 5. **Oracle数据库连接**:在EXTjs应用中,通常使用后端服务(如Java、PHP或Node....
在基于ExtJS Form表单的项目中,Grid Panel通常用于显示和编辑由Form表单收集或处理的数据。 源码分析可以从以下几个方面展开: 1. **组件创建**:首先,我们需要了解如何创建一个Grid Panel。这通常涉及到定义...