Finding out any changes to the RadAsyncUpload control by user or not? (Any file added/updated/deleted)

[Suresh]

Hi,
I want to find out changes to the controls on the form if any element is changed but without saving it if the user moves to the other pages I want to show the user to ‘some unsaved changes are there do you want to save it or not?’ something like to show to the user. For archiving this I am using the JavaScript. With this I was able to find out any changes to all the controls on the form except RadAsyncUpload control.
Can you please advise how can I find out the changes to this RadAsyncUpload control using javascript?
Thanks,

[Suresh]

Any update?

[Ivan Danchev]

Hello Mohinder,

I am not sure exactly what changes to the RadAsyncUpload you aim at tracking, but you can listen for changes in its rendered elements with the help of the Mutation Observers. For example if the ID of your control is "RadAsyncUpload1" you can pass it to the observe method as shown below:

function pageLoad() {
    var target = document.getElementById('RadAsyncUpload1');

    MutationObserver = window.MutationObserver || window.WebKitMutationObserver;

    var observer = new MutationObserver(function (mutations, observer) {
        console.log(mutations, observer);
        // ...
    });

        subtree: true,
        attributes: true
        //...
    });
}

Regards,
Ivan Danchev
Telerik