<%: Html.Kendo().Grid<Model>()
.Name("Grid")
.BindTo((IEnumerable<Model>)ViewBag.List)
.Columns(columns =>
{
columns.Bound(p => p.PK).Title("pk");
columns.Bound(p => p.NAME).Title("Name");
columns.Command(command => command.Custom("Delete").Click("Delete")).Width(100);
})
%>
<div id="modalWindow">
<h2>Delete?</h2>
<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 Delete(e) {
e.preventDefault();
var grid = this;
var row = $(e.currentTarget).closest("tr");
wnd.center().open();
$("#yes").unbind('click').click(function () {
$.ajax({
type: 'POST',
url: '/Home/Delete',
data: ???
contentType: 'application/json; charset=utf-8',
success: function (result) {
},
error: function (err, result) {
alert("Error in delete" + err.responseText);
}
});
grid.removeRow(row);
wnd.close();
});
$("#no").unbind('click').click(function () {
wnd.close();
});
}
</script>
你好,我想删除Kendo Grid中跟自定义删除按钮相关的行。脚本运行良好,但是数据存在着问题:我不知道如何获取该行以及如何删除它?单击自定义按钮后如何获取?
谢谢!