Kendo UI for jQuery R2 2020 SP

无需加好友免费技术支持

点一下进一步了解获得Kendo UI for jQuery R2 2020 SP1使用版免费下载

Kendo UI全新给予Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四个控制。Kendo UI for jQuery是建立当代Web最古老的应用软件UI库。

运用分类时，Grid分组行将数据行机构成树结构。

请见易操作实例：

Demo on using the row template of the GridDemo on using the detail-row template of the GridDemo on using the toolbar template of the Grid组行显示组引言值，并包含进行和伸缩组标志，使用户可进行(显示子行)和伸缩(掩藏子行)组行。 Grid适合于自定组行外观：

GroupHeaderTemplate - 3D渲染全部组行的模板。 一般，目的是为了显示全部组的数据。默认设置前提下，假如不界定模板，则显示字段名称和现阶段组值。GroupHeaderColumnTemplate - 3D渲染与行自身两端对齐的组行里的模板。 一般在目前队的前后文中显示特殊列总额，从视觉上显示模板内容与列自身两端对齐。GroupFooterTemplate - 3D渲染与该列两端对齐的组底部行中的模板和组底部行groupHeaderColumnTemplate类似。假如模板并没有界定，字段名称和现阶段组将下列方法显示。

图1:并没有组模板的网格

应用GroupHeaderTemplate唯一的区别在于模板内容是编译程序和显示的，而非字段和现阶段队的值。 GroupHeaderColumnTemplate和GroupFooterTemplate工作方法类似。

GroupHeaderColumnTemplate将内容显示为与组行里的列两端对齐。 GroupFooterTemplate将内容显示为与组底部行中的列两端对齐。 它们内容与列两端对齐，具体如下。

图2:含有界定组头和组脚模板的网格

由于GroupHeaderTemplate它显示在组行的拓展标志边上，因而先于第一个由此可见列GroupHeaderColumnTemplate。 若想显示Grid第一列的GroupHeaderColumnTemplate千万不要做内容group列设定GroupHeaderTemplate。 下列网格配备演试恰当Units In Stock列GroupHeaderTemplate开展注解，会显示Product Name列GroupHeaderColumnTemplate。