Как вызвать javascript после загрузки файла через kendo.upload и Form в MVC?

Я пытаюсь отправить форму, где одним из ее свойств является список файлов.

После успешного завершения ActionResult мне нужно показать сообщение об успехе, которое должно быть запущено через Javascript.

Если я использую форму Ajax.Begin, отображается сообщение javascript, но файлы не отправляются в ActionResult, с другой стороны, если я использую Html.BeginForm, файлы отправляются, но я не могу вызвать функцию 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

2 ответа

Решение

После некоторых поисков и попыток я выбрал это решение:

Я скачал этот плагин:

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

После установки я добавил эту функцию javascript:

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

И это сработало как шарм. Спасибо за помощь:)

Вам придется напрямую использовать асинхронный режим элемента управления 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:

Другие вопросы по тегам