Kendo UI 网格在单列中显示多个字段

Question

我正在尝试在 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)
          )

Answer 1

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

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

Answer 2

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

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

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