Triggering OnCancel event of kendo upload on click of button

Shital Kadam

enter image description here

I want to Cancel the file uploading on click of cancel button.

means I want to trigger the onCancel(e) event on click of my cancel button

My code is,

 @(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();
    }

I want to do the same thing for Cancel Button and on click of cancel button i have write code as,

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: ""
        });

    }

There is any way to do this?

Please help...

Jarno Lahtinen

You can trigger upload cancel event:

$(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>

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

Triggering remove event of kendo upload on click of button is not working

From Dev

Kendo button(k-button) is not triggering on click event Jquery

From Dev

Button click event not triggering

From Dev

Button click event not triggering

From Dev

Timer event is not triggering button click

From Dev

Timer event is not triggering button click

From Dev

Kendo UI Button - on click event

From Dev

Kendo UI Button - on click event

From Dev

Attach click event to body via button click without immediately triggering it

From Dev

triggering button click event in table row with mouseup event

From Dev

triggering button click event in table row with mouseup event

From Dev

Gtk Button not triggering button release event on left click

From Dev

Bind Click Event to Kendo-UI Button

From Dev

Bootstrap modal dialog button click event triggering on modal open

From Dev

Click event not always triggering

From Dev

Click event not always triggering

From Dev

Triggering FancyBox with click() event

From Dev

on click event in javascript not triggering

From Dev

Kendo Grid: Onchange event is not triggering

From Dev

Triggering a Click on a Button

From Dev

XAML button not triggering on click?

From Dev

Execute custom javascript function on refresh button click in of Kendo upload control

From Dev

Execute custom javascript function on refresh button click in of Kendo upload control

From Dev

Spacebar triggering click event on checkbox?

From Dev

CheckBox Click event not triggering the function

From Dev

Kendo Observable not Updating after triggering change event

From Dev

Button click not triggering in popover form

From Dev

AngularJS button click not triggering function

From Dev

Onclick event triggering onload for button

Related Related

  1. 1

    Triggering remove event of kendo upload on click of button is not working

  2. 2

    Kendo button(k-button) is not triggering on click event Jquery

  3. 3

    Button click event not triggering

  4. 4

    Button click event not triggering

  5. 5

    Timer event is not triggering button click

  6. 6

    Timer event is not triggering button click

  7. 7

    Kendo UI Button - on click event

  8. 8

    Kendo UI Button - on click event

  9. 9

    Attach click event to body via button click without immediately triggering it

  10. 10

    triggering button click event in table row with mouseup event

  11. 11

    triggering button click event in table row with mouseup event

  12. 12

    Gtk Button not triggering button release event on left click

  13. 13

    Bind Click Event to Kendo-UI Button

  14. 14

    Bootstrap modal dialog button click event triggering on modal open

  15. 15

    Click event not always triggering

  16. 16

    Click event not always triggering

  17. 17

    Triggering FancyBox with click() event

  18. 18

    on click event in javascript not triggering

  19. 19

    Kendo Grid: Onchange event is not triggering

  20. 20

    Triggering a Click on a Button

  21. 21

    XAML button not triggering on click?

  22. 22

    Execute custom javascript function on refresh button click in of Kendo upload control

  23. 23

    Execute custom javascript function on refresh button click in of Kendo upload control

  24. 24

    Spacebar triggering click event on checkbox?

  25. 25

    CheckBox Click event not triggering the function

  26. 26

    Kendo Observable not Updating after triggering change event

  27. 27

    Button click not triggering in popover form

  28. 28

    AngularJS button click not triggering function

  29. 29

    Onclick event triggering onload for button

HotTag

Archive