asp.net-mvc - 在剑道网格中添加单选按钮列

Question

我想在剑道网格列中显示单选按钮。我已经尝试了很多方法。它只显示行中的标题而不显示单选按钮。我在 MVC4 工作

我的代码：

@(Html.Kendo().Grid<razor.Core.BOL.TRD_OrderItem>()
                    .Name("Grid")
                    .Columns(columns =>
                    {
                        columns.Bound(item => item.OrderId).Hidden(true);
                        columns.Template(item => @Html.RadioButton("Approve", true, false, new { @id = "Approve" })).Title("Approve");
                        columns.Bound(m => m.MatchType).Title("Match Type");
                        columns.Bound(item => item.OrderDate).Format("{0:MM/dd/yyyy}").Title("Date");
                        columns.Bound(item => item.OrderType).Title("Sell");
                        columns.Bound(item => item.Description).Title("Ask");
                        columns.Bound(item => item.OrderAmount).Title("Total");
                        columns.Bound(item => item.OrderStatus).Title("Status");
                    })
                                     .Pageable()
                                     .Sortable()
                                     .DataSource(dataSource => dataSource
                                     .Ajax()
                                     .PageSize(10)
                                      .Model(model =>
                                      {
                                          model.Id(m => m.OrderId);
                                      })
                                      .Read(read => read.Action("GetOrderOption", "Order", new { OrderId = ViewBag.OrderId}))
                        ))

谢谢，

S索姆

Answer 1

在我的情况下，单选按钮已绑定到模型，因此您应该添加一个字段来保存单选按钮值（已批准），因此按照您的示例，我添加了单选按钮列：

columns.Bound(item => item.Approved).Template(@<text></text>).ClientTemplate("<input type='radio' name='ItemList[#= index(data)#].Approved' value='true' />").Title("Approve");

其中ItemList是模型中 TRD_OrderItem 列表的名称。

您还需要添加此 javascript 函数，用于获取单选按钮名称字段的索引：

function index(dataItem) {
    var data = $("#Grid").data("kendoGrid").dataSource.data();

    return data.indexOf(dataItem);
}