asp.net-mvc-3 - 如何在列中与其他列一起实现单选按钮

Question

在 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);
 })

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

Answer 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);
 })

请参阅Telerik 网站上的示例。

对于 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 示例