Kendo UI Grid 在单列中显示多个字段答案

【问题标题】：Kendo UI Grid display multiple fileds in single columnKendo UI Grid 在单列中显示多个字段
【发布时间】：2017-05-17 14:35:48
【问题描述】：

我正在尝试在 ASP.NET MVC Kendo Razor 网格的单个单元格中显示多个字段

我都试过了

columns.Template(@<text>@item.Field1 @item.Field2</text>).Title("Test");

和

columns.Bound(c => new {x = c.Field1, y = c.Field2}).Template(@<text><strong>@item.Field1 @item.Field2</strong></text>).Title("Test");

有没有人知道如何做到这一点？

    @(Html.Kendo().Grid(modelData[i])
          .Name($"grid{i}")
          .Columns(columns =>
          {
              columns.Bound(c => c.Field1).Title("Column1");

              //These don't work!
              columns.Template(@<text>@item.Field1 @item.Field2</text>).Title("Test");
              columns.Bound(c => new {x = c.Field1, y = c.Field2}).Template(@<text><strong>@item.Field1 @item.Field2</strong></text>).Title("Test");
          })
          .Sortable(sortable =>
          {
              sortable.SortMode(GridSortMode.MultipleColumn);
          })
          .Filterable()
          .DataSource(dataSource => dataSource
              .Ajax()
              .PageSize(20)
              .ServerOperation(false)
          )

【问题讨论】：

标签： asp.net kendo-ui kendo-grid kendo-asp.net-mvc

【解决方案1】：

尝试将两个字符串附加到 ClientTemplate 中怎么样？

.Columns(columns =>
      {
          columns.Bound(c => c.Field1).Title("Column1");
          columns.Bound(product => c.Field2).ClientTemplate("<strong>#: Field1 #</strong>#: Field2 #");
      })

注意：指定的Bound 字段将用于排序和过滤。

【讨论】：

【解决方案2】：

如果您只想显示字段值，您可以使用ClientTemplate，语法如下：

columns.ClientTemplate("<span>#=Field1 #</span><span>#=Field2 #</span>").Title("Test");

【讨论】：