Ext.onReady(function(){
Ext.QuickTips.init();
var msg = function(title, msg){
Ext.Msg.show({
title: title,
msg: msg,
minWidth: 200,
modal: true,
icon: Ext.Msg.INFO,
buttons: Ext.Msg.OK
});
};
var fp = new Ext.FormPanel({
renderTo: 'fi-form',
fileUpload: true,
width: 500,
frame: true,
title: '上传文件',
autoHeight: true,
bodyStyle: 'padding: 10px 10px 0 10px;',
labelWidth: 60,
defaults: {
anchor: '95%',
allowBlank: false,
msgTarget: 'side'
},
items: [{
xtype: 'textfield',
fieldLabel: '组 名',
id: 'txtfile',
name: 'txtfile',
inputType: 'text' //文件类型
},{
xtype: 'fileuploadfield',
id: 'ffile',
emptyText: '请选择文件',
fieldLabel: '文件路径',
name: 'fpath',
buttonCfg: {
text: '',
iconCls: 'upload-icon'
}
},{
xtype: 'textfield',
fieldLabel: '信 息',
id:'txtinfor',
name: 'txtinfor',
inputType: 'text'
}],
buttons: [{
text: '上 传',
handler: function(){
if(fp.getForm().isValid()){
fp.getForm().submit({
url: '/proExam1/UploadFile',
waitMsg: '正在上传，请稍后.....',
method:'POST',
waitTile:'提示',
success: function(fp,action){
Ext.MessageBox.alert('提示',"fsdfsd"+action.result.msg); //msg('信 息', ""+action.result.msg);
}
});
}
}
},{
text: '取 消',
handler: function(){
fp.getForm().reset();
}
}]
});
});
</head>
<body>
<div id="fi-form"></div>
</body>
</html>
以上是一个客户端的html
然后提交到servlet或者action都行的。
问题主要是我提交后，没有的到是否提交成功后者失败的信息提示.
function(fp,action){
Ext.MessageBox.alert('提示',"fsdfsd"+action.result.msg); //msg('信 息', ""+action.result.msg);
这里可是写了的。
刚开始我打印action，发现有值。然后打印action.result为undefined，晕了半天发现时再servlet中的一个print的问题.
记住使用out.print("{success:true,msg:'fsdfds'}");
success是对应表单的success函数
result.msg对应的是servlet中的msg,明白这些后就不会出现为空的值了
分享到：
相关推荐
根据给定的信息，本文将详细解释“Ext 添加功能form表单实例”的知识点，这主要针对Ext初学者。...对于初学者来说，这是一个很好的学习资源，可以帮助他们快速掌握如何使用Ext构建复杂的Web应用程序。
对于初学者来说，如何利用Ext框架实现一个完整的登录功能可能会遇到不少挑战。本文将通过一份示例代码，详细介绍如何使用Ext框架构建一个基本的登录界面，并解释代码中的关键部分，帮助读者更好地理解和掌握Ext框架...
Ext.Msg.alert('操作', action.result.actionInfo); newFs.getForm().reset(); store.reload(); }, failure: function(form, action) { Ext.Msg.alert('保存失败!', '原因:' + action.result.actionInfo); ...
在Ext JS中，异步加载是一种常见的数据处理方式，尤其在构建动态的用户界面时非常有用。本篇文章主要探讨了如何在异步加载的场景下，实现树形控件（TreePanel）中节点的动态添加、删除以及ComboBox选择项的修改。 ...
Ext.Msg.alert('失败', action.result.message); } }); } } }] }] }); } }); ``` 文件下载则可以通过创建一个隐藏的`<a>`标签或者利用JavaScript创建一个`Blob`对象并创建一个新的`window.URL....
Ext.Msg.alert('成功', action.result.message); }, failure: function(form, action) { Ext.Msg.alert('失败', action.result.error); } }); } } }] }); ``` 在后台，Java通常使用Servlet或Spring MVC来...
Ext.Msg.alert(' 成功 ', action.result.msg); }, failure: function() { Ext.Msg.alert(' 失败 ', ' 提交失败 '); } }); ``` 在服务器端，可以获取表单提交的数据，例如在JSP中通过`request.getParameter(...
Ext.Msg.alert('失败', '表单提交失败: ' + action.result.message); } }); } else { Ext.Msg.alert('警告', '请检查表单数据!'); } } }] }); ``` 在这个例子中，当用户点击提交按钮时，会触发`handler`...
Ext Form 是 Ext JS 库中的一个关键组件，用于创建丰富的、交互式的网页表单。它在Web应用程序中扮演着至关重要的角色，允许用户输入、编辑和提交数据。本示例旨在展示如何使用 Ext Form 来构建基本的表单结构以及与...
Ext.Msg.alert('保存成功', action.result.msg); }, failure: function(form, action) { Ext.Msg.alert('操作失败', action.result.msg); } }); ``` 总之，EXTJS4中的FormPanel结合BasicForm，为我们提供了一...
Ext.Msg.alert('失败', action.result.errmsg); } }); } }] }); ``` 在后端，Java通常会使用Servlet或者Spring MVC来处理文件上传。Servlet API提供了一个Part接口，用于处理multipart/form-data请求中的部分...
在这里，`failure` 和 `success` 回调函数的第二个参数 `action` 包含了服务器响应的详细信息，如 `action.result.msg` 可以获取到服务器返回的消息。然而，`Ext.Ajax.request` 的一个显著缺点是不支持 `waitMsg` ...
Ext.Msg.alert('失败', action.result.msg); } }); } }] }); form.render('form'); ``` ### Ext.TabPanel `Ext.TabPanel` 提供了一种简单的方式来创建选项卡界面。每个选项卡都是一个面板，可以包含任何类型...
Ext.Msg.alert('成功', action.result.message); document.location.href = 'Main.html'; win.hide(); }, failure: function(form, action) { Ext.Msg.alert('失败', action.result.message); } }); } } ...
Ext.Msg.alert('失败', action.result.message); } }); } }] }); ``` 在上述代码中，我们创建了一个表单面板，其中包括一个`fileField`，用户可以通过它选择要上传的文件。按钮点击事件触发表单提交，指定的...
// Ext.Msg.alert("load", Ext.encode(action.result.data)); }, failure: function(form, action) { Ext.Msg.alert("提示", "获取失败"); } }); ``` 这里的关键点在于： - `url`: 指定从哪里获取数据。 - `...
Ext.Msg.alert('失败', action.result.error); } }); } }] }); ``` 对于多文件上传，Struts2和ExtJS3同样提供了支持。在Struts2中，只需在`Action`类中添加一个`List<File>`或`List<CommonsMultipartFile>`...
Ext.Msg.alert('操作', action.result.data); item.disabled = false; }, failure: function(form, action) { Ext.Msg.alert('警告', '用户名或密码错误！'); item.disabled = false; } }); item.disabled ...
Ext.Msg.alert(objResp.result); } }, failure: function(response, opts) { Ext.Msg.alert('无法获取数据'); } }); ``` 这里展示了如何使用`Ext.Ajax.request`发送POST请求到服务器，并处理响应结果。`...
url : 'insertMsg.action?msgBean=' + formData, //等待时显示 等待 waitTitle : '请稍等...', waitMsg : '正在提交信息...', params : { msgBean:Ext.encode(formData) }, success : function(fp, o) { if (o....