触发剑道上传OnCancel事件上按一下按钮(Triggering OnCancel event o

我想取消文件上传的取消按钮的点击。

意味着我要触发我的取消按钮的点击onCancel（E）事件

我的代码，

 @(Html.Kendo().Upload()
  .Name("files")
   .Multiple(false)
   .Async(a => a
    .Save("UploadArtifactFile", "PP", new { TeacherEvalID = ViewBag.TeacherEvalID, ObservationID = ViewBag.ObservationID, Accountid = ViewBag.AccountID })
    .AutoUpload(false)
    .RemoveField("")
     )
    .Events(events => events
    .Success("onSuccess")
    .Select("onSelect")
    .Error("onUploadError")
    .Upload("onUpload")
     .Cancel("onCancel")
     .Remove("onRemove")
      )

   On cancel event is work as expected,  

function onCancel(e) {
        //Array with information about the uploaded files
        var files = e.files;
        e.preventDefault();
    }

我想要做的取消按钮和取消按钮我有写代码的点击同样的事情，

function setNewArtifact() {
        var upload = $("#files").data("kendoUpload");
        //detach events and prepare for safe removal
        //upload.destroy();

        $(".k-upload-files.k-reset").find("li").remove();
        $('#lblArtifactFileName').val("");
        $('#lblArtifactFileName').hide();
        //hdnArtifactUploadIsAddOrEdit :1 for new artifact (Add)
        $('#hdnArtifactUploadIsAddOrEdit').val("1");
        $('#txtArtifactDescription').val("");
        $('#lblArtifactFileName').hide();
        $('#btnModifyArtifact').css("display", "none");
        $('.k-upload-selected').css("display", "none");

        //on click of cancel hide the uploading and uploaded status
        $(".k-dropzone").find("strong").css("display","none");
        $(".k-upload-status.k-upload-status-total").find("span").css("display","none");

        $.extend(upload.options.localization, {
            headerStatusUploading: "",
            headerStatusUploaded: ""
        });

    }

有没有办法做到这一点？

请帮忙...

Answer 1:

您可以触发上传取消事件：

 $(document).ready(function() { $("#files").kendoUpload({ async: { saveUrl: "save", removeUrl: "remove", autoUpload: true }, cancel: function(e) { alert("cancel"); } }); $("#button").click(function(e) { $("#files").data("kendoUpload").trigger("cancel"); }); }); 

 <input name="files" id="files" type="file" /> <button id="button">Cancel</button> 

文章来源: Triggering OnCancel event of kendo upload on click of button