Question

我有一个kendo mvc网格基本上是这样的：

@(Html.Kendo().Grid<baseballViewModel>()
      .Name("baseball")
      .DataSource(dataSource => dataSource 
          .Ajax() 
          .Read(read => read.Action("Index", "baseball"))
          .ServerOperation(false)
          )
      .HtmlAttributes(new { style = "height:175px;" })
      .Columns(col => {
              col.Bound(player=> player.Date).Width(85);
              col.Bound(player=> player.Year).Width(55);
              col.Bound(player=> player.Name).Width(150);
              col.Bound(player=> player.team).Width(120);

      }).Sortable() 
        .Scrollable()
        .Pageable()
)

现在，我试图插入一个带有按钮的新列（在每一行上）。单击时，每个按钮都会触发一个将玩家名称传递给控制器的事件。我尝试在第四列之后使用col.Template（）。但是，没有运气。有没有办法做到这一点？

Answer 1

我用这种方式来实现这一目标。

{
                    field: "Image", title: "@Application.Instance.Strings.Event_Grid_More", width: "60px", template: "<img src='/Content/Themes/Default/images/Door.png' onclick='showDetails()' id='door' width='20' height='20'/><div id='cardholderdetails' class='popup'></div>"
                }

我不是在使用htmlhelpers。

Answer 2

尝试使用自定义命令........ http://demos.kendoui.com/web/grid/custom-command.html

具有不同列设置的kendo mvc网格

2 个答案: