[英]PK of Kendo Grid Row
<%: 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网格的相关自定义删除按钮的行。 该脚本很好用,但我对数据有疑问。 我不知道如何获取该行的PK,我需要它来删除记录。
单击自定义按钮如何获得它?
问候
您知道基础dataItem的ID属性吗? 一旦有了该行,就可以从网格的数据源中获取dataItem。 所以在var row = $(e.currentTarget).closest('tr');
您可以添加var dataItem = grid.dataItem(row);
然后,您应该能够获得dataItem dataItem.id
的id属性(或类似的东西);
您需要使用dataItem
函数才能将tr
元素转换为数据对象:
function Delete(e) {
e.preventDefault();
var grid = this;
var row = $(e.currentTarget).closest("tr");
var obj = grid.dataItem(row); //<---
wnd.center().open();
$("#yes").unbind('click').click(function () {
$.ajax({
type: 'POST',
url: '/Home/Delete',
data: obj.PK, //<---
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();
});
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.