Question

我的目标是制作一个只有复选框（IsActive）可编辑的网格，并且无需按下编辑按钮即可编辑。我想将复选框绑定到模型，而不是手动复选框，然后自己处理更改。

结果看起来应该是这样的：http://demos.telerik.com/aspnet-mvc/razor/grid/headerfootertemplates

模型

public class MyModel
{
    public int Id { get; set; }
    public string Name { get; set; }
    public bool IsActive { get; set; }
}

查看

Html.Telerik().Grid(Model)
    .Name("grid")
    .Columns(column =>
        {
            column.Bound(x => x.Id);
            column.Bound(x => x.Name);
            column.Bound(x => x.IsActive)
                  .HeaderTemplate(@<text>@Html.CheckBox("checkAll")</text>);
        })
    .EnableCustomBinding(true)
    .DataBinding(dataBinding => dataBinding.Server().Select("Index", "Stuff"))
    .Render();

有可能吗？

Answer 1

使用Template似乎是唯一的选择。

我切换到Ajax绑定，所以我使用ClientTemplate

column.Bound(x => x.IsActive)
      .ClientTemplate("<input type=\"checkbox\" name=\"checkedRecords\" value=\"<#= Id #>\" <#= IsActive ? \"checked='checked'\" : '' #> />")
      .HeaderTemplate(@<text>@Html.CheckBox("checkAll")</text>);

现在我只想弄清楚如何将复选框点击绑定到command.Update()。

只能编辑一列

1 个答案: