How to close RadGrid Template EditForm Modal popup?

[SickPup404]

Good morning,

 

I have a RadGrid with a Modal Template EditForm.  Everything is working as it should.

The user has requested that they be able to close the Modal EditForm Template by clicking outside the EditForm or by pressing Escape.

I have searched through the forums (and general Google searches) and can't quite get this.

These two threads haven't been any help:

Thread 1

Thread 2

How can I satisfy this request from the user?

Thanks in advance

[Viktor Tachev]

Hello,

In order to implement the described behavior you can use the following JavaScript.

function pageLoad() {
    $telerik.$(document).on("keydown", function () {
        var grid = $find("RadGrid1");
        var masterTableView = grid.get_masterTableView();

        if (event.keyCode == 27 && grid.get_editItems().length >0) {
            masterTableView.fireCommand("CancelAll", "");
        }
    });
}

function gridCreated(sender, args) {
    setTimeout(function () {
        var grid = sender;
        var masterTableView = grid.get_masterTableView();

        var modalDiv = $telerik.$(".GridModal_Default");
        if (modalDiv.length > 0) {
            modalDiv.on("click", function () {
                masterTableView.fireCommand("CancelAll", "");
            });
        }
    }, 0);
}

Do not forget to attach the handler for the GridCreated event.

<ClientSettings>
    <ClientEvents OnGridCreated="gridCreated" />
</ClientSettings>

I hope this helps.



Regards,
Viktor Tachev
Telerik

[SickPup404]

Great, thanks!