从工具栏按钮获取所选行剑道网格的 PK答案

【问题标题】：Get PK of Selected Row Kendo Grid From Toolbar Button从工具栏按钮获取所选行剑道网格的 PK
【发布时间】：2015-10-17 20:14:24
【问题描述】：

我有一个带有自定义工具栏按钮的可选剑道网格。单击按钮时如何获取选定的行PK？我尝试了很多技巧，但没有一个有效，因为我有一个服务器数据源。

    <%: Html.Kendo().Grid<Web.Models.Model>() 
    .Name("Grid")
    .BindTo((IEnumerable<Web.Models.Model>)ViewBag.List)
    .Columns(columns =>
    {
        columns.Bound(p => p.PK).Title("PK");
        columns.Bound(p => p.STATUS).Title("Status");
        columns.Bound(p => p.NOTES).Title("Notes");                      
    })

    .ToolBar(toolbar =>
    {
        toolbar.Custom();
        toolbar.Template("<a class='k-button k-button-icontext' onClick='EditItem();' ></span>Edit Item</a>");
    })    
    .DataSource(dataSource => dataSource
        .Server()
        .Model(Model => Model.Id(p => p.PK))
        )   
    .Selectable(selectable => selectable
        .Mode(GridSelectionMode.Multiple))  

%>



function EditItem(e) {

???

};

【问题讨论】：

请尝试 Jquery 中的 Find 方法。

标签： kendo-ui telerik kendo-grid kendo-asp.net-mvc

【解决方案1】：

请尝试以下代码 sn-p。

<script>
    function EditItem() { 
        var grid = $("#Grid").data("kendoGrid");
        var rows = grid.select();
        rows.each(function (index, row) {
            var selectedItem = grid.dataItem(row);
            alert(selectedItem.PK);
        });
    }
</script>

如果有任何问题，请告诉我。

【讨论】：

不起作用。未捕获的类型错误：无法读取未定义的属性“1”。
请在您的项目中一一添加Edititem()函数的代码行并检查。

【解决方案2】：

您可以使用纯 jquery 作为另一种选择

var rowID = $("#Grid .k-state-selected").find("td:eq(0)")[0].innerText
alert(rowID)

【讨论】：

【解决方案3】：

这个有效！

                function EditItem(e) {

                    var selectedRows = $("#Grid").find(".k-state-selected");
                    for (var i = 0; i < selectedRows.length; i++) {
                        var selectedRow = selectedRows[i];
                        var PK = selectedRows[i].cells[0].innerText;
                    }

                };

【讨论】：