`

extjs表单提交有两种方式

阅读更多
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();

          } 
         }
        ]
 
});
}
);
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    extjs四种异步提交

    虽然示例中没有给出第四种方式,但EXT JS的FormPanel还支持直接在配置中指定Action,这样在表单提交时,EXT JS会根据Action配置自动处理提交逻辑。Action可以是一个包含处理提交的控制器方法的URL,或者是一个EXT ...

    learning extjs 中文版 表单提交

    EXTJS表单支持两种主要的提交方式:异步(Ajax)提交和传统(Standard)提交。异步提交是EXTJS常用的提交方式,通过Ajax发送JSON或URL编码的数据到服务器,无须页面刷新,能实现更好的用户体验。而传统提交则会创建...

    ExtJs实现数据加载和提交经典代码

    这里的`form`对象实际上是`Ext.form.BasicForm`类型,它包含了`load`和`submit`两种方法,用于完成数据的加载和提交工作。 ### load和submit方法 - **load方法**:该方法主要用于从服务器端加载数据并填充到表单中...

    extjs 前后台交互参数出现中文乱码问题的解决方法

    下面详细介绍这两种方法的具体实现步骤。 #### 前端编码转换 在前端使用ExtJS框架时,可以通过`encodeURI()`或`encodeURIComponent()`函数来对中文字符进行编码。示例代码如下: ```javascript // 定义一个变量...

    Extjs表单中的通用组件

    在深入探讨Extjs表单中...以上就是Extjs表单中常用的几种组件,通过合理的组合和配置,可以构建出功能丰富、用户体验良好的表单界面。在实际开发中,开发者可以根据具体需求灵活选择和应用这些组件,以满足项目的需求。

    ExtJs中表单formPanel的横向布局

    本文将深入探讨如何在ExtJs中使用`FormPanel`组件结合`form`和`column`布局属性来实现横向布局,即在一个表单中元素能够按照列分布,形成一种更为直观和用户友好的界面设计。 ### 一、理解`FormPanel`及其属性 `...

    轻松搞定Extjs

    - **带摘要的GridPanel**: 介绍了一种带有数据统计摘要的表格展示方式。 - **RowExpander**: 展示了如何为表格添加行展开功能,以便显示更多信息。 - **分组GridPanel**: 讲解了如何根据数据特性将表格内容进行分组...

    extjs文档的详细介绍

    总结来说,EXTJS 提供了两种主要的前后台数据交互方式:`Ext.Ajax.request` 和 `FormPanel` 的 `getForm().submit()`。前者适用于更灵活的异步请求,后者则适合于表单提交场景。在实际应用中,开发者应根据需求选择...

    .net+Extjs 实例

    《.NET + ExtJS 实例解析与应用》 在当今的Web开发领域,.NET框架以其强大的后端...通过深入学习和实践这个实例,开发者不仅可以提升自己的技能,还能更好地理解和运用这两种技术,从而在Web开发领域取得更大的成功。

    ExtJs代码自动生成

    - `Checkbox`:复选框,用于提供两种或多种选择中的多个选项,值通常是'是'或'否'。 - `CheckboxGroup`:复选框组,允许用户从多个复选框中选择一项或多项。 - `ComboBox`:下拉列表框,提供一个可展开的选项列表...

    asp.net下extjs完整实例

    在Web应用开发领域,ASP.NET和EXTJS是两种非常强大的技术。ASP.NET是微软推出的服务器端Web应用程序框架,它提供了丰富的控件、高效的页面生命周期管理和强大的数据绑定能力,使得开发者能够快速构建企业级的Web应用...

    Extjs3.1.0

    7. **Form组件**:ExtJS提供了丰富的表单组件,如文本字段、选择框、日期选择器等,支持表单验证和数据提交。 8. **Tree组件**:TreePanel允许展示和操作层次结构数据,如文件系统目录。 9. **Drag & Drop**:框架...

    FCKeditor结合extjs实例

    这种结合允许用户在表单提交内容时,享受到类似于桌面应用的文本编辑体验,同时利用ExtJS的其他功能,如表格展示、数据管理和用户界面的美化。 集成FCKeditor到ExtJS应用中通常需要以下步骤: 1. 引入FCKeditor的...

    结合EXTJS和SSH简单实现登录

    EXTJS与SSH(Struts2、Hibernate、Spring)是两种不同的技术栈,它们在Web开发领域各有侧重。EXTJS是一款强大的JavaScript前端框架,用于构建富客户端应用,而SSH则是一套经典的Java后端开发框架,用于处理业务逻辑...

    extjs-form组件配置参数详解

    - **method**: 表单提交的方式,支持`GET`和`POST`两种方式。 - **params**: 传递到请求中的额外参数,可以是键值对的形式。 - **url**: 动作提交的目标URL。 - **waitMsg**: 动作执行时显示的等待信息,用于提升...

    Extjs kindeditor整合 demo

    ExtJS和KindEditor都是在Web开发中常用的...通过深入研究这个示例,开发者可以学习到如何在实际项目中结合使用这两种工具,提升Web应用的交互性和功能性。这不仅有助于提高开发效率,还能为用户提供更好的使用体验。

    ExtJs3.0和2.0中文API

    ExtJS是一种基于JavaScript的富客户端应用开发框架,它提供了丰富的组件和强大的数据处理能力,使得开发者可以构建功能复杂的Web应用程序。本压缩包包含了ExtJS 2.0和3.0两个版本的中文API文档,以及对应的中英文...

    EXTJS的COMBOBOX级联实现和数据提交VALUE[文].pdf

    EXTJS的ComboBox级联实现是Web应用程序中常见的一种交互方式,尤其在数据表单中用于联动选择。在本文中,我们将深入探讨EXTJS如何实现ComboBox的级联效果,并理解其数据提交VALUE的工作原理。 首先,我们需要创建两...

    ExtJS与Struts2的整合工程实例

    ExtJS与Struts2是两种在Web开发中广泛使用的开源技术。ExtJS是一个JavaScript库,提供了丰富的用户界面组件和强大的数据处理能力,而Struts2则是一个基于MVC设计模式的Java Web框架,用于简化应用的开发流程。将这...

    springmvc3+extjs4.2案例

    综上所述,这个案例是一个很好的学习资源,它展示了SpringMVC和ExtJS4.2的集成应用,涵盖了从后端服务到前端展示的完整流程,对于理解这两种技术的协同工作有极大的帮助。通过分析和实践这个案例,开发者能够掌握Web...

Global site tag (gtag.js) - Google Analytics