kendo-ui - 剑道网格 : get all data from row with checked radio button

Question

我已经到处寻求帮助，这应该非常简单，但我找不到我需要的东西。这是我的 jsFiddle，其中包含一个 super 基本的 Kendo 网格。我只想在单击按钮时获取当前所选行(使用一列单选按钮)的所有数据。

http://jsfiddle.net/HTXua/412/

我知道当选择一行时，它会改变 css 类中的属性。因此，我尝试检索的行将具有以下属性:

.detailGridRowSelector:checked

我已经设法使用复选框(而不是单选按钮)实现第一行并计算选中的数量，但由于某种原因我无法访问数据!

var dataSource = {
data: [
    {
    "first": "Adam",
    "last": "Paul"},
    {
    "first": "Shannon",
    "last": "Harris"},
    {
    "first": "Frank",
    "last": "Rolinson"},
    ]
};

var columns = [
    {
        template:'<input type="radio" class="detailGridRowSelector" title="Select Lines" name="radioLineSelector" />', width: 20
        },
    {
field: "first",
title: "First Name",
width: "90px"},
{
field: "last",
title: "Last Name",
width: "90px"},
];

    $("#grid1").kendoGrid({
    dataSource: dataSource,
    columns: columns,
});

$("#getInfoButton").bind("click", function () {

    var lineData ="line data would be set here";
    //I know the selected row has the property: .detailGridRowSelector:checked
    alert(lineData);

});

Answer 1

你应该这样做:

// Get a reference to the grid
var grid = $("#grid1").data("kendoGrid");
// Get checked row by getting the input and then the row containing the input
var row = $("input:checked", grid.tbody).closest("tr");
// Get the item
var item = grid.dataItem(row);
// Format and display item
alert (JSON.stringify(item));

您的 JSFiddle 在此修改:http://jsfiddle.net/OnaBai/HTXua/414/