Undo button for Batch Editing

[Daniel]

Do you know how to change the text of the undo button when using batch edit delete functionality with the setting HighlightDeletedRows="true".

 

 

[Viktor Tachev]

Hi Daniel,

There is no built-in option for changing the text for the Undo button. However, you can implement the behavior with a bit of custom client-side code. You can handle the click event of the Delete button and change the text in the Undo button.

The following code-snippet outlines the approach:

function pageLoad() {
    $telerik.$(".rgMasterTable > tbody tr a").on("click", function () {

        var newButtonText = "test";

        setTimeout(function () {
            $telerik.$(".rgBatchUndoDeleteButton").html(newButtonText);
        }, 1);
    });
}

Regards,
Viktor Tachev
Telerik

[Alexandre]

Try this :

 <ClientEvents  OnRowDeleted="RowDeleted"  />

 function RowDeleted(sender, eventArgs) {
                         
                            var newButtonText = "test";

                            setTimeout(function () { 
                                $telerik.$(".rgButtonText").html(newButtonText);
                            }, 1); 
                    }

[Alexandre]

This work for me:

 

<ClientEvents  OnRowDeleted="RowDeleted"  />

function RowDeleted(sender, eventArgs) { 
                            setTimeout(function () { 
                                $telerik.$(".rgBatchUndoDeleteButton").html('');
                                $telerik.$(".rgBatchUndoDeleteButton").append('<span class="t-font-icon rgIcon rgBatchUndoDeleteIcon"></span>');
                                $telerik.$(".rgBatchUndoDeleteButton").append('<span class="t-text rgButtonText">Test</span>'); 
                            }, 1); 
                    }