Custom Delete Confirmation popup on Kendo Grid

6
votes

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.

3
kendo-uikendo-grid
Better solution: stackoverflow.com/questions/12570188/… – VA3
Better solution: stackoverflow.com/questions/12570188/… – VA3
stackoverflow.com/a/28518079/1849455 – softawareblog.com
possible duplicate of Kendo UI grid and custom popup delete confirmation – softawareblog.com

3 Answers

5
votes

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

1
votes

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.

0
votes

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);
       });
   });