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(columns =>
      {
          columns.Bound(c => c.Field1).Title("Column1");
          columns.Bound(product => c.Field2).ClientTemplate("<strong>#: Field1 #</strong>#: Field2 #");
      })

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

Answer 2

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

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

Kendo UI Grid在单列中显示多个文件

2 个答案: