Question

我正在开发一个Kendo UI网格。我有一个网格，其中包含来自外部源的数据。我还有一个单选按钮分配给每一行作为模板。

单击一行时，如何选择单选按钮？目前，我必须单击单选按钮才能将其选中。

Answer 1

我正在使用复选框，这就是我如何定义它。

columns.Bound(x => x.IsChecked).ClientTemplate(
   "<input name='IsChecked' class='chkBox' type='checkbox'
     data-bind='checked: IsChecked' #= IsChecked ? checked='checked' : '' #/>");

然后点击网格的点击功能

    $('#Grid').click(function () {

        var gview = $("#Grid").data("kendoGrid");
        var selectedItem = gview.dataItem(gview.select());                     
        var bool = selectedItem.IsChecked;
        selectedItem.set("IsChecked", (bool) ? 0 : 1);    
        console.log(selectedItem); 

        //This is what you need to do to keep the row selected.
        gview.tbody.find("tr[data-uid='" + selectedItem.uid + "']")
        .addClass("k-state-selected");      

    })

如果您在控制台中查看selectedItem，您会看到kendo添加了uid属性。所以我们找到uid并添加k-state-selected类。

使用Kendo UI Grid选择单选按钮

1 个答案: