CODEWITHSUNDEEP
kendo-uikendo-grid
photo_tom
photo_tom

Reputation: 7342

Custom Delete Confirmation popup on Kendo Grid

I have a Kendo grid where I need to customize the delete confirmation message box based on data in row being deleted. I have a customized general message as part of Grid configuration as below. 

 editable: {
     confirmation: "Are you sure that you want to delete this record?",
     mode: "popup",
     template: kendo.template($("#popup-editor").html())
}

I was looked at using the remove event handler, but that fires after the row has been deleted.

Upvotes: 6

Views: 25037

Answers (3)

Anil Singh
Anil Singh

Reputation: 4212

HTML code

<div>
      <div id="div_alert_window"></div>
      <div class="dialog button">
             click on dialog: <input type="button" value="click me!" id="btnClickMe" />
      </div>
</div>

Js code

   $(function () {
       $("#btnClickMe").click(function () {
           // This is for [Warning / Information / Confirm / Error] dialog box.
           confirmDialogMSG("Error", 
                                "Inflow encountered some internal error.", 
                                "Error",  ["OK"],  null);
       });
   });

Upvotes: 0

Mahib
Mahib

Reputation: 4063

Kendo has a demo on that you can try. But this is probably the latest version so it may not work well with the older versions.

Please check "Customize the delete confirmation dialog of Kendo UI Grid" on their official website, here.

For older versions you can check "Using a Kendo UI Window as a confirmation prompt in a Grid" in Telerik Forum here.

Upvotes: 1

Robin Giltner
Robin Giltner

Reputation: 3055

I am guessing you will need to do this manually. Simply add a custom button to the grid, that calls your code to delete the item.

Kendo Grid Custom command http://demos.kendoui.com/web/grid/custom-command.html

Sample jsbin http://jsbin.com/OZeLuXA/1/edit

Upvotes: 5

Related Questions