kendo grid delete - проблемы с окном подтверждения

Question

У меня возникла проблема с всплывающим окном подтверждения при удалении элемента. Когда я нажимаю кнопку «Удалить», появляется всплывающее окно больше, чем одно, и я не знаю, почему. И второй вопрос - как я могу изменить текст этого окна? Я попробовал этот код, но не работает:

columns: [ 
    ..., 
{command: [{name: "destroy", text: "Delete Item", click: deleteItem}], 
title: " ", width: "100px"} 
] 

и функцию для удаления:

function deleteItem(e) { 
    var item = this.dataItem($(e.currentTarget).closest("tr")); 
    if (confirm("delete item " + item.Name + " ?")) { 
     var grid = $("grid").data("kendoGrid"); 
     grid.dataSource.remove(item); 
     grid.dataSource.sync(); 
     grid.refresh(); 
    } 
} 

отредактирован: вторая проблема, которую я нашел, кнопка обновления нажмите после того, как некоторые элементы из сетки удаляются

Answer 1

Проверьте следующий образец и дайте мне знать, если это поможет:

http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Editing/custom-delete-confirmation-dialog

Answer 2

вероятно, вы должны попробовать использовать следующий код перед любой другой в обработчик удаления

e.preventDefault() 

Это предотвратит выполнение окна по умолчанию и будет обеспечивать пространство для подтверждения на popup.Thus, что позволяет только одно окно в перед вами Я надеюсь, что это поможет

Answer 3

Повторное подтверждение связано с тем, что вы связываете свою команду с именем «destroy», которое является built-in command, предоставленным сеткой. Команда запускается, показывая встроенное подтверждение, а затем показывая ваше подтверждение. Если вы хотите, чтобы обрабатывать метод уничтожить себя просто переименовать команду на что-то другое, чем «уничтожить», который является уникальным для вас, так что событие команды по умолчанию не срабатывает:

{command: [{name: "delete", text: "Delete Item", click: deleteItem}], title: " ", width: "100px"} 

Похоже, у Вас есть несколько других проблем в вашей функции deleteItem. Попробуйте следующие вместо:

function deleteItem(e) { 
    var item = this.dataItem($(e.target).closest("tr")); 
    if (confirm("delete item " + item.Name + " ?")) { 
     var grid = $("#grid").data("kendoGrid"); 
     grid.dataSource.remove(item); 
     grid.dataSource.sync(); 
     grid.refresh(); 
    } 
} 

Обратите внимание, я изменил код, чтобы использовать e.target, а не e.currentTarget, а также редактировали селектор JQuery искать #grid вместо сетка Предполагая, что вы запрашиваете идентификатор, а не класс.

См. this snippet для рабочего примера, аналогичного тому, что вы пытаетесь сделать.