Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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.

like image 749
photo_tom Avatar asked Dec 26 '13 14:12

photo_tom


People also ask

How do I get rid of delete file confirmation?

How to Disable the Delete Confirmation Dialog. If you want to turn the confirmation dialog off at any time, you'll need to repeat your steps. Right-click the Recycle Bin and select Properties. Uncheck the “Display Delete Confirmation Dialog” checkbox and click OK to save your choice.

How do I change my confirmation before delete?

On the desktop, navigate to the "Recycle Bin" folder. Right-click on the Recycle Bin folder and click on the "Properties" option. "Recycle Bin Properties" window will appear on the screen. Click (select) on the "Display delete confirmation dialog" option and click on the "Apply" button to proceed.

How do you create a confirmation delete popup in react?

App Component: toISOString(). slice(0, 10); const newToDo = { task: inputValue, id: ide, date: date }; setToDos([... todos, newToDo]); setInputValue(""); }; const handleDelete = (id) => { setPopup(true); let filteredData = todos. filter((todo) => todo.id !==

How do I change my delete options?

Right-click the Recycle Bin icon that is loaded onto your desktop by default and select Properties from the context menu. You should see something like Figure A. From that page you can toggle the delete confirmation by checking or unchecking the checkbox.


2 Answers

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

like image 52
Robin Giltner Avatar answered Nov 10 '22 03:11

Robin Giltner


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.

like image 1
Mahib Avatar answered Nov 10 '22 05:11

Mahib