如何在列中与其他列一起实现单选按钮答案

【问题标题】：How to implement radio buttons in a column along with other columns如何在列中与其他列一起实现单选按钮
【发布时间】：2012-09-05 10:10:51
【问题描述】：

在 Telerik razor 中工作我的代码是

 .Columns(c =>
    {
        c.Bound(itm => itm.id).Visible(false);
        c.Bound(itm => itm.name).Title("FN").Width(200);
        c.Bound(itm => itm.name).Title("LN").Width(200);
        c.Bound(itm => itm.location).Title("Loc").Width(200);
 })

我想添加一个单选按钮作为第一列。谢谢

【问题讨论】：

标签： asp.net-mvc-3 razor telerik asp.net-mvc-4 telerik-grid

【解决方案1】：

如果你使用的是服务器数据绑定，你可以这样做。

.Columns(c =>
{
      c.Template(
      @<text>
          <input name="checkedRecords" type="radio" value="@item.id " title="checkedRecords" 
              @if (checkedRecords.Contains(item.id))
              {
                  <text>checked="checked"</text>
              }
          />
      </text>)
      .Title("").Width(36).HtmlAttributes(new { style = "text-align:center" });
      c.Bound(itm => itm.id).Visible(false);
      c.Bound(itm => itm.name).Title("First Name").Width(200);
      c.Bound(itm => itm.name).Title("Last Name").Width(200);
      c.Bound(itm => itm.location).Title("Location").Width(200);
 })

请参阅example on Telerik's site。

对于 ajax 绑定，您可以使用 ClientTemplate：

.Columns(c =>
{
      c.Bound(itm => itm.id)
       .ClientTemplate("<input type='radio' name='checkedRecords' value='<#= id #>' />")
       .Title("")
       .Width(36)
       .HtmlAttributes(new { style = "text-align:center" });
      c.Bound(itm => itm.id).Visible(false);
      c.Bound(itm => itm.name).Title("First Name").Width(200);
      c.Bound(itm => itm.name).Title("Last Name").Width(200);
      c.Bound(itm => itm.location).Title("Location").Width(200);
 })

Telerik example

【讨论】：