点击编辑按钮时，Kendoui网格获取选定的行ID

Question

我有一个简单的网格，当使用JQuery单击编辑按钮时，我在收集个人ID时遇到了很多麻烦。我需要个人ID，因为我要添加一个文件上传到内联编辑列，我想上传一个文件，并将其与个人ID相关联。所有帮助欢迎：）

@(Html.Kendo().Grid<GridCustomPopupTemplate.Models.Person>().Name("Grid")
.DataSource(dataSource => dataSource
    .Ajax()
    .Model(model => model.Id(m => m.PersonID))
        .Read(read => read.Action("GetPersons", "Home"))
        .Update(up => up.Action("UpdatePerson", "Home"))
)

.Columns(columns =>
{
    columns.Bound(c => c.PersonID).Width(200);
    columns.Bound(c => c.Name);
    columns.Command(cmd => cmd.Edit());
})

.Pageable()
.Sortable()
.Editable(ed => ed.Mode(GridEditMode.InLine))
.Events(ev => ev.Edit("doOnRowSelect"))  
)



<script type="text/javascript">

function doOnRowSelect(e) {

     alert(The #PersonID# of the row which we are going to edit here....)

}

</script>

Answer 1

在选定的网格行上使用grid.dataitem。

var grid = $('#grdMyGrid').data('kendoGrid');
var selectedItem = grid.dataItem(grid.select());

使用OnChange（e）处理程序更新。

在一个中。e=

var selectedIndex=0;
function grdOnChange(e) {
   var selectedDataItem = e != null ? e.sender.dataItem(e.sender.select()) : null;

selectedIndex=selectedDataItem.MyModelID;

}

Answer 2

我通过使用以下JavaScript实现了这一点：

$("body").on("click", "[role='row']", function (e) {

    var grid = $("#Grid").getKendoGrid();
    var item = grid.dataItem($(e.target).closest("tr"));
    alert(item.PersonID);

});