近日做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表单概述 在现代Web应用开发中,异步提交表单是一种常见的技术手段,它能够提升用户体验,减少页面刷新带来的数据丢失风险,并能有效提高系统的响应...
Ext 2.0的表单组件提供了一整套完整的解决方案,包括各种输入字段、按钮、标签、提示信息等。下面将详细解析这些知识点: 1. **表单(FormPanel)**:这是Ext 2.0中的核心表单组件,它是一个容器,可以包含各种表单...
Ext JS 是一个强大的JavaScript库,主要用于...总之,Ext Form是Ext JS中的强大组件,提供了丰富的功能来创建、验证和提交表单数据。通过熟练掌握这些知识点,开发者可以构建出高效、用户体验良好的Web应用表单界面。
Ext教程为使用Ext JS框架的开发者提供了大量实例和详细的说明,涵盖了从基本入门到进阶使用,再到解决遇到的问题,是一份非常实用的参考资料。通过这些实例,开发者可以快速掌握Ext JS的使用,并能高效地应用于实际...
使用form提交:解决特殊字符与编码问题 在实际应用中,尤其是涉及在线编辑器的场景,直接使用AJAX提交数据可能会遇到编码、违禁字符和中文乱码等问题。为了解决这些问题,推荐使用form表单提交的方式,因为它能更...
EXT图片上传功能利用`Ext.form.FileField`组件提供了便捷的用户界面,结合服务器端的处理逻辑,可以构建出完整的文件上传解决方案。通过理解和利用EXT的事件系统以及服务器端接口,你可以构建出强大且灵活的图片上传...
Ext 3.0 是一个基于JavaScript的开源框架,主要用于构建富互联网应用程序(Rich Internet Applications,RIA)。...同时,文档还会提供示例代码和实际应用场景,帮助开发者快速上手并解决实际问题。
var form = Ext.create('Ext.form.Panel', { renderTo: Ext.getBody(), items: [{ xtype: 'filefield', name: 'upload', fieldLabel: '选择文件', buttonText: '浏览...' }], buttons: [{ text: '上传', ...
无论你是初学者还是有经验的开发者,都可以从中找到解决实际问题的方法和技巧,进一步提升你的前端开发能力。通过深入阅读和实践,你将能够充分利用Ext 3.0的强大功能,构建出功能丰富、用户体验优秀的Web应用。
10. **工具提示和提示框**:EXT提供了多种提示信息的解决方案,如Tip、Tooltip和MessageBox,文档中会详细解释它们的使用。 通过阅读和理解这份Ext 2.3中文文档-API,开发者不仅可以深入理解EXT的底层机制,还能...
2. **EXT.form.BasicForm**:基本表单类,它是EXTJS中用于处理表单数据的核心类,用于绑定、验证和提交表单。 3. **EXT.form.FileField**:文件选择控件,用于让用户选择本地文件,通常与BasicForm结合使用。 4. *...
此外,`Ext.Ajax.request`还支持其他高级功能,如模拟表单提交(`method: 'POST', useDefaultXhrHeader: false, headers: {'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'}`),超时设置(`...
form表单输入框input设置disable属性提交后,得不到该输入框的值,解决该类问题可以参考下面两个方法: 方法一: 使用readonly带替代disabled,即把 disabled="disabled" 修改为 readonly="readonly" 二者区别: ...
首先,EXT.NET中的组件如Panel、Form、Button等,可以用于构建用户界面,提供与用户的交互。在创建一个用于拍照的网页时,我们需要一个按钮触发拍照功能,以及可能的预览区域展示摄像头捕捉的图像。EXT.NET的Button...
在`change`事件处理函数中,创建一个隐藏的Ext.form.BasicForm实例,并将FileUploadField添加到表单中。 4. **提交表单**: 使用`form.submit()`方法,指定服务器端的URL和可能的回调函数,这会使用Ajax提交文件...
总的来说,Ext内容管理系统借助ExtJS的强大功能,为开发者提供了构建高效、可定制化的内容管理解决方案。通过使用预封装的组件和数据管理工具,开发者可以节省大量的时间和精力,专注于内容的创造和管理,而不是底层...
Ext2.0拥有活跃的开发者社区,用户可以在论坛上提问、分享经验,获取其他开发者的帮助,共同解决问题。 了解并掌握这些知识点,将有助于你高效地利用Ext2.0构建功能强大的Web应用程序。不过需要注意,随着技术的...
这篇博客将探讨如何解决EXT JS中关于FormPanel动态添加组件的验证问题。 首先,让我们理解EXT JS FormPanel的基本结构。一个FormPanel由多个字段(field)组成,每个字段都有自己的验证规则。这些规则可以是简单的...
`Ext.form.BasicForm`是EXTJS中处理表单数据的核心类,它提供了绑定数据、验证和提交等功能。在表单中,每个字段(包括`checkboxgroup`)都有一个与之关联的数据索引(`dataIndex`),这使得我们可以根据这个索引来...
最后,"EXT 中文手册 用实例来说话"很可能会包含一些实战项目或案例,帮助读者将理论知识应用到实际开发中,提高解决实际问题的能力。对于初学者,这样的实践是非常有益的,可以加速理解和掌握EXTJS。 总的来说,这...