如何通過kendo.upload和MVC中的表單上傳文件後調用JavaScript？

Question

我想提交一個表單，其中一個屬性是文件列表。在的ActionResult已成功完成

後，我需要證明有通過的Javascript觸發一個成功的消息。

如果我使用Ajax.Begin形式示出的JavaScript消息，但如果使用Html.BeginForm文件被髮送的文件不會被髮送到的ActionResult，在另一方面，但是我我無法調用JavaScript函數，因此我無法觸發我的成功消息。

這裏是我的看法：

@using (Html.BeginForm("Action", "Controller", FormMethod.Post, 
     new { id = "exceptionForm", enctype = "multipart/form-data" })) 
{ 
    @Html.TextAreaFor(m => m.Notes) 
    @(Html.Kendo().Upload() 
    .Name("EventFiles") 
    ) 
    <div > 
     <button href="#"> 
     submit 
     </button> 
    </div> 
} 

我的行動

[HttpPost] 
public ActionResult Action(Model model) 
{ 
    //do something 
    result = new BaseJsonData(); 
    result.HasCompletedSuccessfully = true; 
    return this.Json(result); 
} 

我的模型

public class EventModel 
{ 
    public string Notes { get; set; } 
    public IEnumerable<HttpPostedFileBase> EventFiles { get; set; } 
} 

我的javascript：

onSuccess: function (data) { 
    if (data.HasCompletedSuccessfully) { 
     //show message extention 
    } 
} 

感謝提前:)

Schewns

Answer 1

一些挖掘後，並試圖一些方法我去這個解決方案：

我下載這個插件：

http://jquery.malsup.com/form/#download

安裝完畢後，我加入這個javascript函數：

$('#exceptionForm').ajaxForm({ 
    complete: function (response) { 
    var data = response.responseJSON; 
    if (data.HasCompletedSuccessfully) { 
      //warning message 
    } 
}) 

和它的工作就像一個魅力。 感謝您的幫助:)

Answer 2

你將不得不直接使用Telerik的控制的異步模式：

.CSHTML

@(Html.Kendo().Upload() 
      .Name("files") 
      .Async(a => a 
       .Save("Save", "Upload") 
       .Remove("Remove", "Upload") 
       .AutoUpload(true) 
      ) 
      .Events(events => events 
       .Success("onSuccess") 
       .Error("onError") 
      ) 
     ) 

的Javascript：

<script> 
    function onSuccess(e) { 
     alert("Success (" + e.operation + ")"); 
    } 

    function onError(e) { 
     alert("Error (" + e.operation + ")"); 
    }  
</script> 

更多信息請參閱Telerik文檔：

• Asynchronous Mode
• Upload Async
• Upload Events