jqgrid - 在添加/编辑对话框中上传文件 [英] jqgrid - upload a file in add/edit dialog
问题描述
我是jqgrid的新手,我通过你的回答了解了很多东西。
现在我遇到了一个问题:我想在向jqgrid添加或修改记录时上传文件?
这是我的代码:
I'm new to jqgrid and I have learn many things through your answer.
Now I have a problem: I want to upload files when adding or modifying records to a jqgrid?
This is my code:
{
name: 'File',
index: 'file',
hidden: true,
enctype: "multipart/form-data",
editable: true,
edittype: 'file',
editrules: {
edithidden: true,
required: true
},
formoptions: {
elmsuffix: '*'
}
}
但是我在控制器中的字段总是为空:(。任何建议
任何人都知道工作示例?
提前致谢
更新日期
我在上找到了一个很好的例子http://tpeczek.codeplex.com/releases
推荐答案
我昨天才开始工作......我的colModel列用于文件上传,
I got it working just yesterday..here's my colModel column for file upload,
{
name: 'fileToUpload',
index: 'customer_id',
align: 'left',
editable: true,
edittype: 'file',
editoptions: {
enctype: "multipart/form-data"
},
width: 210,
align: 'center',
formatter: jgImageFormatter,
search: false
}
您必须设置 afterSubmit: UploadImage 即可。它仅在数据发布后才上传文件。回应已经回来了。我在这里检查,如果插入是succesfful然后只开始上传其他显示错误。我使用了 Jquery Ajax File Uploader 。
You have to set afterSubmit: UploadImage. It uploads the file only after data has been post & response has come back. I'm checking here that if insert was succesfful then only start upload else show error. I've used Jquery Ajax File Uploader.
function UploadImage(response, postdata) {
var data = $.parseJSON(response.responseText);
if (data.success == true) {
if ($("#fileToUpload").val() != "") {
ajaxFileUpload(data.id);
}
}
return [data.success, data.message, data.id];
}
function ajaxFileUpload(id)
{
$("#loading")
.ajaxStart(function () {
$(this).show();
})
.ajaxComplete(function () {
$(this).hide();
});
$.ajaxFileUpload
(
{
url: '@Url.Action("UploadImage")',
secureuri: false,
fileElementId: 'fileToUpload',
dataType: 'json',
data: { id: id },
success: function (data, status) {
if (typeof (data.success) != 'undefined') {
if (data.success == true) {
return;
} else {
alert(data.message);
}
}
else {
return alert('Failed to upload logo!');
}
},
error: function (data, status, e) {
return alert('Failed to upload logo!');
}
}
) }
这篇关于jqgrid - 在添加/编辑对话框中上传文件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!