如何在Kendo Grid

时间:2018-05-30 09:44:29

标签: angularjs kendo-ui kendo-grid

我有一个剑道网格,其中包含一个由单选按钮组成的列。 我想让单选按钮充当单选按钮(仅检查1)并获取所选的1。

以下是Demo

示例

1 个答案:

答案 0 :(得分:2)

你非常接近。首先是关于无线电的一些事情:

  • 使用name属性
  • 对单选按钮进行分组
  • 单选按钮通过与单选按钮上的for属性匹配的标签元素上的id属性绑定到标签

您的代码存在的问题是所有无线电都具有相同的id,这就是为什么点击任何单选按钮切换第一个...因为找到了带有该ID的第一个元素,并假设那里只有一个。

为了解决这个问题,每个单选按钮都需要一个唯一的ID,您可以通过使用#: EmployeeID#表示法引用数据源中的EmployeeID来实现这一点,如docs中所示。

因此,您的模板将如下所示:

template: '<input type="radio" name="customer" id="customer_#: EmployeeID#" class="k-radio"><label class="k-radio-label" for="customer_#: EmployeeID#"></label>'

请在此处找到工作示例:https://dojo.telerik.com/aRuQubep/5

希望这能完成这项工作:)