[Solved] capture cancel click

[Marco]

hello I'm trying to capture cancel button click maintain the default functionality and call a custom java script.

i have tried to use but this is only call on load.

 $('.t-grid-cancel').click(function() {
            myJSFunction();
        });

i think this happens because is already bounded to your event.
How can i maintain your logic and add some custom logic?

Best Regards
Marco

[Peter]

Hi,

You can try this code snippet to achieve your goal:

 $('.t-grid-cancel').bind('click',function() {
            myJSFunction();
        });

Regards,
Peter

[Marco]

I Peter Thanks for you reply but unfortunately it did't work!

the binding is done on page load but after that the function is never called.

more suggestions?

regards Marco

[Alex Gyoshev]

Hi Marco,

Because the cancel buttons are dynamically created and deleted, you need to use a live event handler, instead of the classic binding, like this:

$('.t-grid-cancel').live('click',function() {
    myJSFunction();
});

This will, however, fire the event after the grid has closed the editing interface. If you need to perform the processing before the editing is canceled, you need to perform a slightly different trick, like this:

$('.t-grid-edit').live('click', function(e) {
    $('.t-grid-cancel').click(function() {
        alert(1);
    });
});

This will attach click handlers on cancel buttons when edit buttons are clicked - thus, the click event of the cancel buttons will fire before the grid processing occurs.

Kind regards,
Alex Gyoshev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.