Telerik UI for ASP。网络核心?下载30天免费试用

组织模板

当应用数据分组时,分组行有助于将数据行组织成树状结构。

有关可运行的示例,请参阅Grid中的模板演示

组行包含展开和折叠组图标,最终用户可以展开和折叠组行,从而显示或隐藏其子行。组行的主要特性之一是显示组摘要值。Grid提供了三种不同的模板,可用于自定义组行的外观:

  • ClientGroupHeaderTemplate-呈现一个模板,该模板将显示整个组行。通常主要目的是展示整个团队的信息。默认情况下,如果没有定义模板,则显示字段的名称和当前组值。
  • ClientGroupHeaderColumnTemplate-在组行中呈现与列本身对齐的模板。通常,它用于显示当前组上下文中特定列的聚合值。从视觉上看,模板内容与列本身对齐。该功能在R3 2018版本中引入。
  • ClientGroupFooterTemplate-显示与列对齐的组页脚行的模板。它的工作原理和ClientGroupHeaderColumnTemplate用于组页脚行。

如果没有定义模板,则显示该字段的名称和当前组。

用户界面的ASP。网络核心A Grid with no group templates

唯一的区别在于使用ClientGroupHeaderTemplate编译并显示模板内容,而不是字段和当前组值。

这两个ClientGroupHeaderColumnTemplate而且ClientGroupFooterTemplate以类似的方式工作。ClientGroupHeaderColumnTemplate显示与组行中的列对齐的内容。ClientGroupFooterTemplate显示与组页脚行中的列对齐的内容。它们的内容以与列对齐的方式显示,如下所示。

用户界面的ASP。网络核心A Grid with GroupHeaderColumnTemplate and GroupFooterTemplate applied

因为事实是ClientGroupHeaderTemplate显示在组行展开图标旁边时,其优先级高于ClientGroupHeaderColumnTemplate第一个可见的柱。如果你想展示ClientGroupHeaderColumnTemplate内容为网格的第一列,不要设置ClientGroupHeaderTemplate对于组列。下面的网格配置显示了注释ClientGroupHeaderTemplate库存单位列显示ClientGroupHeaderColumnTemplate产品名称列。

@(Html.Kendo().Grid() . name ("Grid") . columns (columns => {columns. viewmodel)绑定(p => p. productname) .ClientGroupHeaderColumnTemplate("Count: #= Count #");列。绑定(p => p. unitprice).Format("{0:C}");列。Bound(p => p.UnitsOnOrder);列。绑定(p => p. unitsinstock);/ /。ClientGroupHeaderTemplate("Min: #= Min #");}) . pageable () . sortable () . dataSource (dataSource => dataSource . ajax () . aggreges (aggreges => {aggreges。Add(p => p. unitsinstock).Min(); aggregates.Add(p => p.ProductName).Count(); }) .Group(groups => groups.Add(p => p.UnitsInStock)) .Read(read => read.Action("Aggregates_Read", "Grid")) ) )

用户界面的ASP。网络核心A Grid with GroupHeaderColumnTemplate for first column applied and no GroupHeaderTemplate

限制

Тhe Grid for Core没有在服务器上呈现。因此,不可能定义使之使用的服务器端模板.ServerOperations(真正的)在这种情况下是不相容的。

另请参阅

在本文中
Baidu
map