`
lbyzx123
  • 浏览: 476046 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

ext4 Ext.form.Panel 非ajax提交

 
阅读更多

ext4 非ajax提交方式如下:

 form:Ext.create('Ext.form.Panel',{
   region : 'center',
   border : false,  
  bodyPadding: 20,
  standardSubmit:true,
  defaults : {
    selectOnFocus:true,
    msgTarget: 'side',
    xtype:'textfield',
    maxLength:45,
    allowBlank:false,
    labelAlign : 'right'
    },

   items:[]);

submit按钮事件如下:

var frm = this.down('form').getForm();
   if(frm.isValid()){
       frm.submit({
                   
url:'j_spring_security_check'
                });
   }

其中最关键的属性是standardSubmit:true。

有关standardSubmit的描述如下:

If set to true, a standard HTML form submit is used instead of a XHR (Ajax) style form submission. Defaults to false. All of the field values, plus any additional params configured via baseParams and/or the options to submit, will be included in the values submitted in the form

分享到:
评论

相关推荐

    Ext Js权威指南(.zip.001

    7.3.4 格式化提交数据:ext.data.writer.writer、ext.data.writer.json和ext.data. writer.xml / 322 7.3.5 writer对象的配置项 / 325 7.4 数据模型 / 326 7.4.1 概述 / 326 7.4.2 数据类型及排序类型:ext....

    完成的 Ajax 提交表单

    `Ext.form.Basic`对象提供了`getValues()`方法来获取表单字段的值,而`Ext.Ajax.serializeForm()`可以将表单数据转换为URL编码的字符串,适用于POST请求的data参数。 5. **错误处理和提示**:在`failure`回调中,你...

    EXT dojochina ExtAjax表单提交 L9.rar

    当用户填写完表单并点击提交按钮时,我们通常会使用`Ext.Ajax`对象来实现非刷新的Ajax提交。 "ExtAjax表单提交 L9"可能指的是教程的第九个部分,讲解了如何在EXTJS中实现Ajax表单提交。在EXTJS中,表单的提交过程...

    ExtJSWeb应用程序开发指南(第2版)

    4.1.2 认识Ext.form.Panel表单面板 4.1.3 Ext.form.field.Base基础表单字段 4.1.4 Ext.form.field.Text文本域 4.1.5 Ext.form.field.TextArea文本区 4.1.6 Ext.form.field.Number数字输入框 4.1.7 Ext.form....

    Ext 3.0 中文API.rar

    6. **Form**:Ext 3.0 提供了全面的表单处理能力,包括各种输入控件、表单验证、异步提交等。开发者可以轻松构建复杂的表单界面。 7. **Ajax**:内置的Ajax功能使得与服务器通信变得简单,支持异步请求和JSON、XML...

    java ajax ext实例

    6. **EXT.form.Panel**:EXT.form.Panel是用于创建表单的组件,它可以包含各种表单元素,如文本字段、选择框、按钮等。表单数据可以通过Ajax提交到服务器。 7. **EXT.grid.Panel**:EXT.grid.Panel是用于展示表格...

    EXT2.0中文教程.7z

    2. **EXT组件**:EXT提供了大量预定义的UI组件,如面板(Panel)、表格(Grid)、树形视图(Tree)、表单(Form)等。教程会详细介绍如何创建、配置和使用这些组件,以构建复杂的Web界面。 3. **布局管理器**:EXT...

    ext 表单提交

    4. 发送请求:调用`Ext.Ajax.request`,将表单数据作为请求体发送。 5. 处理响应:在回调函数中处理服务器返回的数据,例如更新UI或显示错误信息。 标签“源码”表明可能涉及到了具体代码示例,而“工具”可能指的...

    Ext Panel拼揍表格模板.rar

    Ext Panel是Ext JS框架中的一个核心组件,常用于构建复杂的用户界面,特别是在数据展示和交互方面。本资源“Ext Panel拼揍表格模板.rar”显然包含了关于如何使用Ext Panel创建自定义表格模板的示例和代码。 Ext JS...

    ext.net登陆框

    在创建登录框时,通常会用到`Ext.form.Panel`,这是一个包含表单字段、验证和行为的容器。 1. **创建表单容器**: 使用`Ext.form.Panel`来创建登录框的基本结构。你可以定义它的布局、大小、标题以及其他属性。...

    ext 下拉树

    在Ext 4.0版本中,下拉树的实现主要依赖于几个关键组件:`Ext.tree.Panel`(树面板)、`Ext.form.field.Tree`(树形字段)以及可能用到的`Ext.data.TreeStore`(树存储)。下面我们将详细探讨这些知识点: 1. **Ext...

    Ext 动态加载表单数据

    Ext Form提供了一种结构化的方式来组织这些字段,并提供了验证、提交和数据绑定等功能。 动态加载表单数据涉及到的主要知识点包括: 1. **JSON数据格式**:JSON(JavaScript Object Notation)是一种轻量级的数据...

    Ext登陆login

    3. **Ext.form.Panel**: 专门用于创建表单的容器,可以包含多个字段、验证规则等。在登录场景中,我们将创建一个包含用户名和密码字段的表单。 4. **Ext.form.field.Text**: 用于创建文本输入框,如用户名和密码...

    EXT中文文档,EXT简明教程(Ajax框架)

    你可以通过这个文档了解到EXT的基础组件,如表格(Grid)、面板(Panel)、窗口(Window)、表单(Form)等,以及如何进行布局管理、数据绑定、Ajax通信等核心功能。同时,它还涵盖了EXT的高级特性,如树形视图...

    ext_image.rar_ext_image_extjs_extjs 4.2 img_extjs image_extjs图片上

    图片上传功能通常借助于ExtJS的表单组件(`Ext.form.Panel`)和上传字段(`Ext.form.field.File`)。在ExtJS 4.2中,上传组件可能需要配合第三方插件,如SWFUpload或jQuery File Upload,以实现浏览器兼容性和异步...

    ext控件form相关配置

    var form = Ext.create('Ext.form.Panel', { //... listeners: { afterrender: function () { var field = Ext.create('Ext.form.field.Text', { fieldLabel: '新字段', name: 'newField' }); this.add...

    深入浅出Ext.JS.徐会生例子

    5. **Grid Panel**:Ext.JS的表格控件(Grid Panel)是其特色之一,支持分页、排序、过滤、编辑等功能,适合展示大量结构化数据。 6. **表单组件**:Ext.JS提供了丰富的表单组件,如文本框、下拉框、复选框、单选...

    ExtJS-3.4.0系列目录

    - **表单面板(Ext.form.Panel)**:是表单的基础容器,可以包含多个表单字段和布局。它管理表单的提交、验证等功能。 - **表单字段**: - `Ext.form.field.Text`:用于输入单行文本。 - `Ext.form.field....

    EXT制作的FORM,可以与Servlet进行交互

    EXT form支持使用`Ext.Ajax`类来进行AJAX提交。当用户填写完表单并点击提交按钮时,可以通过`form.submit()`方法将数据异步发送到服务器。在提交过程中,我们可以设置URL(对应Servlet的URL),以及成功和失败的回...

    Ext.js教程和Ext.js API

    1. **类结构**:列出所有可用的类,如Panel、Grid、Form等,以及它们之间的继承关系。 2. **类方法和属性**:每个类的构造函数、方法、属性、事件和配置选项的详细说明。 3. **示例代码**:为常见用法提供代码片段,...

Global site tag (gtag.js) - Google Analytics