`

Ext form提交的问题及解决

    博客分类:
  • Ext
阅读更多

近日做Ext的form提交,遇到一些问题,聊以志之。

  

   首先是form中提交中文的问题,解决方案是:

    1)页面用utf-8编码:

<%@ page language="java"  pageEncoding="UTF-8"%>
<%@ page language="java"  pageEncoding="UTF-8"%>

   2) struts2也用utf-8编码解析传递过来的数据:

    <constant name="struts.i18n.encoding" value="UTF-8" />

   遂搞定。

  第二个就是form的提交问题了,参考了下面的代码:http://topic.csdn.net/u/20080319/21/869e0827-940b-4c69-a8ae-f354778ed7f9.html

 buttons: [{ 
        text: '保存', 
        handler:function() 
        { 
        if(simpleForm.form.isValid()) 
        { 
        
        this.disabled=true; 
        simpleForm.form.doAction('submit', 
        { 
        url:'source.jsp', 
        method:'post', 
        params:'', 
        success:function(form,action) 
        { 
        Ext.Msg.alert('操作','操作成功'); 
        this.disabled=false; 
        }, 
        
        failure:function(form,action) 
        { 
        Ext.Msg.alert('操作','操作失败'); 
        } 
        
        }); 
        alert("确定进入!"); 
        
        } 
        } 
                  
    },{ 
        text: '取消', 
        handler:function(){simpleForm.form.reset();} 
    }] 

 搞定。

  

 

  最后,就是提交后如何处理返回值的问题了,在struts2中,需要返回一个json字符串:

{"failure":false,"success":true}

  

暂时没有问题。

   

分享到:
评论

相关推荐

    EXT异步提交FORM表单

    ### EXT异步提交FORM表单知识点详解 #### 一、EXT异步提交FORM表单概述 在现代Web应用开发中,异步提交表单是一种常见的技术手段,它能够提升用户体验,减少页面刷新带来的数据丢失风险,并能有效提高系统的响应...

    Ext2.0 form使用实例的例程

    Ext 2.0的表单组件提供了一整套完整的解决方案,包括各种输入字段、按钮、标签、提示信息等。下面将详细解析这些知识点: 1. **表单(FormPanel)**:这是Ext 2.0中的核心表单组件,它是一个容器,可以包含各种表单...

    ext 的ppt ext 的ppt ext 的pptext 的pptext 的ppt

    Ext JS 是一个强大的JavaScript库,主要用于...总之,Ext Form是Ext JS中的强大组件,提供了丰富的功能来创建、验证和提交表单数据。通过熟练掌握这些知识点,开发者可以构建出高效、用户体验良好的Web应用表单界面。

    EXT教程EXT用大量的实例演示Ext实例

    Ext教程为使用Ext JS框架的开发者提供了大量实例和详细的说明,涵盖了从基本入门到进阶使用,再到解决遇到的问题,是一份非常实用的参考资料。通过这些实例,开发者可以快速掌握Ext JS的使用,并能高效地应用于实际...

    基于ext-core的ajax自动保存功能

    使用form提交:解决特殊字符与编码问题 在实际应用中,尤其是涉及在线编辑器的场景,直接使用AJAX提交数据可能会遇到编码、违禁字符和中文乱码等问题。为了解决这些问题,推荐使用form表单提交的方式,因为它能更...

    ext图片上传

    EXT图片上传功能利用`Ext.form.FileField`组件提供了便捷的用户界面,结合服务器端的处理逻辑,可以构建出完整的文件上传解决方案。通过理解和利用EXT的事件系统以及服务器端接口,你可以构建出强大且灵活的图片上传...

    Ext 3.0 中文文档

    Ext 3.0 是一个基于JavaScript的开源框架,主要用于构建富互联网应用程序(Rich Internet Applications,RIA)。...同时,文档还会提供示例代码和实际应用场景,帮助开发者快速上手并解决实际问题。

    EXT上传附件

    var form = Ext.create('Ext.form.Panel', { renderTo: Ext.getBody(), items: [{ xtype: 'filefield', name: 'upload', fieldLabel: '选择文件', buttonText: '浏览...' }], buttons: [{ text: '上传', ...

    Ext 3.0 中文文档.zip

    无论你是初学者还是有经验的开发者,都可以从中找到解决实际问题的方法和技巧,进一步提升你的前端开发能力。通过深入阅读和实践,你将能够充分利用Ext 3.0的强大功能,构建出功能丰富、用户体验优秀的Web应用。

    Ext 2.3中文文档-API

    10. **工具提示和提示框**:EXT提供了多种提示信息的解决方案,如Tip、Tooltip和MessageBox,文档中会详细解释它们的使用。 通过阅读和理解这份Ext 2.3中文文档-API,开发者不仅可以深入理解EXT的底层机制,还能...

    ext 文件上传

    2. **EXT.form.BasicForm**:基本表单类,它是EXTJS中用于处理表单数据的核心类,用于绑定、验证和提交表单。 3. **EXT.form.FileField**:文件选择控件,用于让用户选择本地文件,通常与BasicForm结合使用。 4. *...

    Ext.Ajax.request 小问题收集

    此外,`Ext.Ajax.request`还支持其他高级功能,如模拟表单提交(`method: 'POST', useDefaultXhrHeader: false, headers: {'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'}`),超时设置(`...

    html form表单input使用disabled后提交不能获取表单值的解决方法

    form表单输入框input设置disable属性提交后,得不到该输入框的值,解决该类问题可以参考下面两个方法: 方法一: 使用readonly带替代disabled,即把 disabled="disabled" 修改为 readonly="readonly" 二者区别: ...

    EXT.NET(C#) 网页调用本地摄像头程式 (Ext.Net,Flash)

    首先,EXT.NET中的组件如Panel、Form、Button等,可以用于构建用户界面,提供与用户的交互。在创建一个用于拍照的网页时,我们需要一个按钮触发拍照功能,以及可能的预览区域展示摄像头捕捉的图像。EXT.NET的Button...

    ext上传文件

    在`change`事件处理函数中,创建一个隐藏的Ext.form.BasicForm实例,并将FileUploadField添加到表单中。 4. **提交表单**: 使用`form.submit()`方法,指定服务器端的URL和可能的回调函数,这会使用Ajax提交文件...

    Ext内容管理系统

    总的来说,Ext内容管理系统借助ExtJS的强大功能,为开发者提供了构建高效、可定制化的内容管理解决方案。通过使用预封装的组件和数据管理工具,开发者可以节省大量的时间和精力,专注于内容的创造和管理,而不是底层...

    Ext2.0组件,全组件和帮助手册

    Ext2.0拥有活跃的开发者社区,用户可以在论坛上提问、分享经验,获取其他开发者的帮助,共同解决问题。 了解并掌握这些知识点,将有助于你高效地利用Ext2.0构建功能强大的Web应用程序。不过需要注意,随着技术的...

    extJs中关于formPanel动态添加组件的验证问题

    这篇博客将探讨如何解决EXT JS中关于FormPanel动态添加组件的验证问题。 首先,让我们理解EXT JS FormPanel的基本结构。一个FormPanel由多个字段(field)组成,每个字段都有自己的验证规则。这些规则可以是简单的...

    ext checkboxgroup 回填数据解决

    `Ext.form.BasicForm`是EXTJS中处理表单数据的核心类,它提供了绑定数据、验证和提交等功能。在表单中,每个字段(包括`checkboxgroup`)都有一个与之关联的数据索引(`dataIndex`),这使得我们可以根据这个索引来...

    EXT 中文手册 用实例来说话

    最后,"EXT 中文手册 用实例来说话"很可能会包含一些实战项目或案例,帮助读者将理论知识应用到实际开发中,提高解决实际问题的能力。对于初学者,这样的实践是非常有益的,可以加速理解和掌握EXTJS。 总的来说,这...

Global site tag (gtag.js) - Google Analytics