extjs表单提交有两种方式:
一种是AJAX方式提交,另一种是传统方式提交。
默认是AJAX方式提交。如果想用传统方式提交这要进行如下设置(注意红色部分)
Ext.onReady(function()
{
Ext.QuickTips.init();
var loginForm=new Ext.FormPanel
({
standardSubmit: true,
url:'test.jsp',
renderTo:document.body,
frame:true,
title:'用户登陆',
width:400,
items:[
{
xtype:'textfield',
fieldLabel:' 用户名 ',
name:'uname',
width:180,
allowBlank:false,
blankText:'用户名不能为空',
minLength:6,
minLengthText:'用户名的长度为[6-20]',
maxLength:20,
maxLengthText:'用户名的长度为[6-20]'
},
{
xtype: 'textfield',
inputType:'password',
fieldLabel:'密 码',
name:'pwd',
width:180,
allowBlank:false,
blankText:'密码不能为空',
minLength:6,
minLengthText:'密码的长度为[6-20]',
maxLength:20,
maxLengthText:'密码的长度为[6-20]'
},
{
xtype: 'textfield',
fieldLabel:'验证码',
name:'val',
width:80,
allowBlank:false,
blankText:'验证码不能为空'
}
],
buttons: [
{
text: '登录',
type:'button',
handler:function()
{
if (!loginForm.getForm().isValid()) return;
loginForm.getForm().submit();
}
}
]
});
}
);
分享到:
相关推荐
虽然示例中没有给出第四种方式,但EXT JS的FormPanel还支持直接在配置中指定Action,这样在表单提交时,EXT JS会根据Action配置自动处理提交逻辑。Action可以是一个包含处理提交的控制器方法的URL,或者是一个EXT ...
EXTJS表单支持两种主要的提交方式:异步(Ajax)提交和传统(Standard)提交。异步提交是EXTJS常用的提交方式,通过Ajax发送JSON或URL编码的数据到服务器,无须页面刷新,能实现更好的用户体验。而传统提交则会创建...
这里的`form`对象实际上是`Ext.form.BasicForm`类型,它包含了`load`和`submit`两种方法,用于完成数据的加载和提交工作。 ### load和submit方法 - **load方法**:该方法主要用于从服务器端加载数据并填充到表单中...
下面详细介绍这两种方法的具体实现步骤。 #### 前端编码转换 在前端使用ExtJS框架时,可以通过`encodeURI()`或`encodeURIComponent()`函数来对中文字符进行编码。示例代码如下: ```javascript // 定义一个变量...
在深入探讨Extjs表单中...以上就是Extjs表单中常用的几种组件,通过合理的组合和配置,可以构建出功能丰富、用户体验良好的表单界面。在实际开发中,开发者可以根据具体需求灵活选择和应用这些组件,以满足项目的需求。
本文将深入探讨如何在ExtJs中使用`FormPanel`组件结合`form`和`column`布局属性来实现横向布局,即在一个表单中元素能够按照列分布,形成一种更为直观和用户友好的界面设计。 ### 一、理解`FormPanel`及其属性 `...
- **带摘要的GridPanel**: 介绍了一种带有数据统计摘要的表格展示方式。 - **RowExpander**: 展示了如何为表格添加行展开功能,以便显示更多信息。 - **分组GridPanel**: 讲解了如何根据数据特性将表格内容进行分组...
ExtJS和KindEditor都是在Web开发中常用的...通过深入研究这个示例,开发者可以学习到如何在实际项目中结合使用这两种工具,提升Web应用的交互性和功能性。这不仅有助于提高开发效率,还能为用户提供更好的使用体验。
总结来说,EXTJS 提供了两种主要的前后台数据交互方式:`Ext.Ajax.request` 和 `FormPanel` 的 `getForm().submit()`。前者适用于更灵活的异步请求,后者则适合于表单提交场景。在实际应用中,开发者应根据需求选择...
《.NET + ExtJS 实例解析与应用》 在当今的Web开发领域,.NET框架以其强大的后端...通过深入学习和实践这个实例,开发者不仅可以提升自己的技能,还能更好地理解和运用这两种技术,从而在Web开发领域取得更大的成功。
- `Checkbox`:复选框,用于提供两种或多种选择中的多个选项,值通常是'是'或'否'。 - `CheckboxGroup`:复选框组,允许用户从多个复选框中选择一项或多项。 - `ComboBox`:下拉列表框,提供一个可展开的选项列表...
在Web应用开发领域,ASP.NET和EXTJS是两种非常强大的技术。ASP.NET是微软推出的服务器端Web应用程序框架,它提供了丰富的控件、高效的页面生命周期管理和强大的数据绑定能力,使得开发者能够快速构建企业级的Web应用...
7. **Form组件**:ExtJS提供了丰富的表单组件,如文本字段、选择框、日期选择器等,支持表单验证和数据提交。 8. **Tree组件**:TreePanel允许展示和操作层次结构数据,如文件系统目录。 9. **Drag & Drop**:框架...
这种结合允许用户在表单提交内容时,享受到类似于桌面应用的文本编辑体验,同时利用ExtJS的其他功能,如表格展示、数据管理和用户界面的美化。 集成FCKeditor到ExtJS应用中通常需要以下步骤: 1. 引入FCKeditor的...
EXTJS与SSH(Struts2、Hibernate、Spring)是两种不同的技术栈,它们在Web开发领域各有侧重。EXTJS是一款强大的JavaScript前端框架,用于构建富客户端应用,而SSH则是一套经典的Java后端开发框架,用于处理业务逻辑...
- **method**: 表单提交的方式,支持`GET`和`POST`两种方式。 - **params**: 传递到请求中的额外参数,可以是键值对的形式。 - **url**: 动作提交的目标URL。 - **waitMsg**: 动作执行时显示的等待信息,用于提升...
ExtJS是一种基于JavaScript的富客户端应用开发框架,它提供了丰富的组件和强大的数据处理能力,使得开发者可以构建功能复杂的Web应用程序。本压缩包包含了ExtJS 2.0和3.0两个版本的中文API文档,以及对应的中英文...
EXTJS的ComboBox级联实现是Web应用程序中常见的一种交互方式,尤其在数据表单中用于联动选择。在本文中,我们将深入探讨EXTJS如何实现ComboBox的级联效果,并理解其数据提交VALUE的工作原理。 首先,我们需要创建两...
ExtJS与Struts2是两种在Web开发中广泛使用的开源技术。ExtJS是一个JavaScript库,提供了丰富的用户界面组件和强大的数据处理能力,而Struts2则是一个基于MVC设计模式的Java Web框架,用于简化应用的开发流程。将这...