on the click of upload button, want to show pop up

[Monika]

Hi,

I want to use the Upload function to read data in excel spreadsheet. The requirement is to show a pop up to prompt the user to delete any existing data before uploading any new data. 

How to show this pop up. Could you please help?

 

Regards,

Monika

 

[Aleksandar]

Hello Monica,

The Upload component is initialized from an <input type="file" /> elements. As such when the user clicks on it, <input type="file" /> element, the native browser dialog for selecting files is opened. Outside of such user-initiated events, file dialogs cannot be opened programmatically. Therefore you could wrap the Upload in an element, handle it's click event preventing the default action, prompt the user and then simulate the click of the Upload, for example: 

$("#upload-container").click(function(){
            event.preventDefault();
            event.stopImmediatePropagation();
            kendo.confirm('delete any prior files').done(function(){
              $("#files").trigger("click");
              $("button:contains(Cancel)").click();
            })
          })

I hope this helps.

Regards,
Aleksandar
Progress Telerik