EXT页面中的JS:
fp.getForm().submit({
params: {
tgmc: global_tgmc,
ppdh: global_ppdh
},
url: 'DealPhoto.jsp',
method : 'POST',
waitMsg: 'Uploading your photo...',
success: function(fp, o){
win.close();
}
failure: function(fp, o){
Ext.Msg.alert('<font size=4>提示</font>',o.result.msg);
}
});
这样在JSP页面中用下面的代码取不到参数:
String tgmc = request.getParameter("tgmc");
String ppdh= request.getParameter("ppdh");
System.out.println("tgmc= "+tgmc);
System.out.println("ppdh= "+ppdh);
打印结果都为null,
但如果我在JS中不用params,把参数写在url中:
url: 'DealPhoto.jsp?ppdh='+global_ppdh+'&tgmc='+global_tgmc,
则可以取到参数。
或者:在JS中用params,将method改为'get',也可取到参数。
我的FormPanel如下:
var fp = new Ext.FormPanel({
//renderTo: 'hello-tabs',
region: 'center',
fileUpload: true,
width: 500,
frame: true,
//title: 'File Upload Form',
autoHeight: true,
bodyStyle: 'padding: 10px 10px 0 10px;',
labelWidth: 50,
defaults: {
anchor: '95%',
allowBlank: false,
msgTarget: 'side'
},
items: [{
xtype: 'fileuploadfield',
id: 'form-file',
emptyText: 'Select an image',
fieldLabel: 'Photo',
name: 'photo-path',
buttonText: '',
buttonCfg: {
iconCls: 'upload-icon'
}
}],
buttons: [{
id: 'up',
text: ' 上 传 ',
handler: function(){
if(fp.getForm().isValid()){
//alert("ppdh="+global_ppdh+" tgmc="+global_tgmc);
Ext.getCmp("up").disable();
fp.getForm().submit({
//params: {
// tgmc: global_tgmc,
// ppdh: global_ppdh
//},
url: 'DealPhoto.jsp?ppdh='+global_ppdh+'&tgmc='+global_tgmc,
method : 'POST',
waitMsg: 'Uploading your photo...',
success: function(fp, o){
Ext.Msg.alert('<font size=4>提示</font>','<font color=red>图片上传成功</font>!',callBack,this);
grid_DataStore2.reload();
win.close();
},
failure: function(fp, o){
Ext.Msg.alert('<font size=4>提示</font>',o.result.msg);
}
});
}
}
},{
text: ' 重 置 ',
handler: function(){
fp.getForm().reset();
}
},{
text: ' 关 闭 ',
handler: function(){
win.close();
}
}]
})
分享到:
相关推荐
6. Ajax集成:EXT Grid通过Ajax请求从服务器获取或提交数据,这使得页面能够在不刷新的情况下更新内容,提供了流畅的用户体验。 在JSP中使用EXT实现Grid时,我们需要以下步骤: 1. 引入EXT库:在JSP页面中引入EXT...
如果验证成功,JSP可能会返回一个成功的响应,EXT JS客户端则据此更新界面,例如显示欢迎信息或重定向到其他页面。如果验证失败,JSP可能返回错误消息,EXT JS客户端将此错误消息展示给用户。 在EXT JS中,可以使用...
根据提供的文件信息,我们可以分析出该段代码是用于创建一个基于Ext JS框架的登录界面,并且涉及到了Ext JS的一些核心组件以及表单提交的基本逻辑。接下来我们将深入解析这些知识点。 ### 1. Ext JS框架简介 Ext ...
这个项目结合了JSP(JavaServer Pages)和EXT库,为用户提供了一个直观、富交互性的界面。JSP是Java平台上的动态网页技术,允许开发者在HTML页面中嵌入Java代码,实现服务器端的业务逻辑处理和数据展示。 EXT是一个...
但是,默认情况下`store`只传递了`start`和`limit`两个参数,这意味着如果之前进行了某种查询(例如按照某个字段进行过滤),这些查询条件不会被自动包含在`store`的`load`方法中,从而导致返回的数据不满足之前的...
本例子以"Ext 例子 JSP版本"为主题,显然是展示如何在JSP(Java Server Pages)环境中集成Ext库来实现数据操作功能,如增删改查。 JSP是Java的一种动态网页技术,它允许开发者在HTML代码中嵌入Java代码,从而实现...
用户选择图片后,EXT可能会触发一个Ajax请求,将图片数据发送到服务器,服务器接收并处理这些数据,然后将反馈信息(例如成功或失败消息、上传进度)通过Ajax响应返回给客户端,更新UI状态,而无需整个页面刷新。...
EXT是一个强大的JavaScript库,专为构建富互联网应用程序(RIA)而设计。它提供了丰富的组件库,包括表格、面板、菜单、表单等,以及复杂的布局管理和数据绑定机制。在文件上传场景中,EXT可以创建出具有用户友好的...
AJAX则用于异步获取服务器端的数据,确保在不刷新整个页面的情况下动态更新下拉框内容。 #### 实现步骤 1. **数据准备**:首先,我们需要准备多级分类数据。这些数据通常存储在数据库中,并通过后端代码查询出来。...
### jsp源码龙门物流管理系统(Ext+SSH)130221 #### 概述 本资源提供了一个基于JSP(Java Server Pages)、Ext JS框架与SSH(Struts + Spring + Hibernate)架构组合开发的物流管理系统源代码。该系统主要应用于...
在IT行业中,EXTTLD(EXT标签)是一种用于JSP(JavaServer Pages)页面的自定义标签库,它通常与SSH(Spring、Struts、Hibernate)框架一起使用,以增强页面的表现力和交互性。本DEMO是针对EXTTLD标签的一个实践案例...
总的来说,"基于javaweb+jsp的物流管理系统(Ext+SSH)"是一个结合了前后端技术的复杂项目,它利用JavaWeb的强大功能,结合现代前端技术和强大的框架,为物流行业的信息化管理提供了高效且可靠的解决方案。通过这样的...
3. **HTML/模板文件**:页面布局和视图可能由HTML或EXT的模板语言(如JSP、FreeMarker等)定义,它们与JavaScript代码一起工作,呈现用户界面。 4. **CSS样式**:CSS文件(`.css`)用于美化EXT组件和应用的外观。 ...
由于Servlet不在JSP页面中直接编写,通常我们会创建一个单独的Java类,继承自`HttpServlet`,并重写`doPost`方法。这里会用到`Part`接口,它是Java Servlet 3.0引入的,用于处理multipart/form-data类型的请求,也...
这是一个基于JSP技术的图书管理系统的实例开发源码,整合了Struts、Hibernate和Spring框架,同时还使用了EXT作为前端展示技术。这个项目展示了如何在实际开发中将这些技术有效地结合在一起,形成一个完整的MVC架构。...
当用户点击一个链接或按钮时,浏览器会向服务器发送一个请求,服务器接收到请求后,通过JSP页面处理相关逻辑,生成包含文件内容的响应,并设置相应的HTTP头信息,如Content-Type和Content-Disposition,然后将数据流...
2. `jsp文件`:可能有多个JSP文件,如`upload.jsp`,用于处理前端发送的文件上传请求,以及`success.jsp`,用于展示文件成功上传后的反馈信息。 3. `样式表(CSS)`:可能包含`ext.css`或`upload.css`,用于美化...
6. **服务器端处理**:虽然描述中没有详细说明,但实现聊天室还需要一个服务器端的组件,如JSP(JavaServer Pages)或其他服务器脚本,来处理Ajax请求,存储和检索聊天记录,并返回给客户端。 7. **数据模型和存储*...
6. `queryParam`:当queryMode为"remote"时,用于指定发送到服务器的查询参数名。 7. `minChars`:触发自动补全的最小字符数。 例如,一个简单的ComboBox配置可能如下所示: ```javascript Ext.create('Ext.form....
此外,还可以使用`Ext.lib.Ajax.request`进行异步提交,方法与上述submit类似,只是更底层,可以直接控制请求参数和回调函数。 总之,Ext Form是Ext JS中的强大组件,提供了丰富的功能来创建、验证和提交表单数据。...