окна подтверждения удаления

Question

<div id="modalWindow"> 
    <button id="yes" class="k-button">Yes</button> 
    <button id="no" class="k-button">No</button> 
</div> 
<script> 
var wnd; 
$(document).ready(function() { 
    wnd = $("#modalWindow").kendoWindow({ 
     title: "Delete confirmation", 
     modal: true, 
     visible: false, 
     resizable: false, 
     width: 300 
    }).data("kendoWindow"); 

}); 

function DeleteItem(e) { 
    e.preventDefault(); 

    var grid = this; 
    var row = $(e.currentTarget).closest("tr"); 
    wnd.center().open(); 

    $("#yes").click(function() { 
     grid.removeRow(row); 
     wnd.close(); 
    }); 

    $("#no").click(function() { 
     wnd.close(); 
    }); 
} 
</script> 

Здравствуйте,

Я использую Telerik сетку с колонкой НАЗН.КНОПКИ, что открыть окно для подтверждения удаления соответствующей строки. Когда я нажимаю кнопку одной строки, и я подтверждаю, что она правильно работает. Когда я нажимаю кнопку одной строки, отмените удаление, а затем нажмите другую кнопку другой строки и отправьте удаление, чтобы удалить каждую строку сетки.

Что делать, чтобы решить эту проблему?

С уважением

Answer 1

Каждый раз, когда вы вызываете функцию DeleteItem вы устанавливаете обработчик для кнопки #yes для удаления конкретной строки. Даже если вы отмените и выберите другую строку, обработчик уже настроен и будет запускаться при следующем нажатии кнопки.

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

function DeleteItem(e) { 
    e.preventDefault(); 

    var grid = this; 
    var row = $(e.currentTarget).closest("tr"); 
    wnd.center().open(); 

    $("#yes").unbind('click').click(function() { 
     grid.removeRow(row); 
     wnd.close(); 
    }); 

    $("#no").unbind('click').click(function() { 
     wnd.close(); 
    }); 
}