SAP Spartacus和Table相关的配置结构ResponsiveTableConfiguration

ResponsiveTableConfiguration的父类是TableStructureConfiguration：

export interface TableStructureConfiguration {/*** Provide the bare structure of the table.*/cells?: string[];/*** Global table structure options.*/options?: TableOptions;
}

TableOptions的定义：

export interface TableOptions {/*** Default pagination for the table that is used for the initial load of the table data.*/pagination?: PaginationModel;/*** The layout for the table component can be used for horizontal, vertical and vertical stacked* table layouts.*/layout?: TableLayout;/*** Global component to render table header _content_ (`<th>...</th>`). A specific component per* field can be configured alternatively.** If no component is available, the table component will render a static label or use the* configured i18n label.*/headerComponent?: Type<any>;/*** Global component to render table cell _content_ (`<td>...</td>`). A specific component per* field can be configured alternatively.** If no component is available, the table content will render as-is.*/dataComponent?: Type<any>;// field specific optionscells?: {[fieldKey: string]: TableFieldOptions;};
}

分页模型：

export interface PaginationModel {currentPage?: number;pageSize?: number;sort?: string;totalPages?: number;totalResults?: number;
}

TableLayout：枚举值：

export enum TableLayout {/*** Renders the table vertically, with a heading on top of the table.** Vertical layout is most common and the default layout.*/VERTICAL = 1,/*** Stacks items in a tables by generating a `tbody` for each item.*/VERTICAL_STACKED,/*** Horizontal oriented table layout renders the table headers in the first column of the table.*/HORIZONTAL,
}

TableFieldOptions：

export interface TableFieldOptions {/*** Optional label to add static or localized headers. If the label is not present, the* field key is mapped to a i18n property.*/label?: string | TableHeader;/*** Indicates wether the cell is linkable.** If the cells is linkable, an anchor link can be generated in the table data element.*/linkable?: boolean;/*** Component to render table header _content_ (`<th>...</th>`) for the table field.** If no component is configured, the global table component for the header will be used* instead.*/headerComponent?: Type<any>;/*** Component to render table data _content_ (`<td>...</td>`) for the table field.** If no component is configured, the global table component for the cell data will be used* instead.*/dataComponent?: Type<any>;
}/*** The TableStructure holds the header structure of the table.*/
export interface TableStructure extends TableStructureConfiguration {/*** The table type is a mandatory property. The type is used to identify the table* configuration and is used to generate a unique outlet reference.*/type: string;
}

ResponsiveTableConfiguration在上述结构的基础上，又增添了：

export interface ResponsiveTableConfigurationextends TableStructureConfiguration {/** The table configurations for all screens */[BREAKPOINT.xl]?: TableStructureConfiguration;/** The table configurations for large screens and smaller */[BREAKPOINT.lg]?: TableStructureConfiguration;/** The table configurations for medium screens and smaller */[BREAKPOINT.md]?: TableStructureConfiguration;/** The table configurations for small screens and smaller */[BREAKPOINT.sm]?: TableStructureConfiguration;/** The table configurations for extra small screens */[BREAKPOINT.xs]?: TableStructureConfiguration;
}

默认配置：

更多Jerry的原创文章，尽在：“汪子熙”:

SAP Spartacus和Table相关的配置结构ResponsiveTableConfiguration相关推荐

SAP Spartacus B2B table的配置信息的merge原理
以SAP Spartacus b2b unit table的配置信息为例:位于文件units.config.ts里: 运行时,这些配置信息,被merge在table.service.ts的this.c ...
SAP Spartacus B2B Org Unit树状结构的ghost数据
在下列org-unit.effect.ts的第147行,即org unit成功取数之后的callback里设置断点: 然后就能看到ghost数据了: 这些灰色的矩形框显示的就是SAP Spartacu ...
SAP Spartacus B2B table的配置信息从哪里来？
运行时的table配置: 实现位于table.config.ts里: 以unit table为例,配置的实现在units.config.ts文件里: 运行时的效果: 更多Jerry的原创文章,尽在:& ...
SAP Spartacus Translation (翻译) 相关话题
官网地址在典型的 Spartacus 店面中,大部分内容要么来自 CMS,要么来自产品内容. 但是,对于店面站点标签(例如按钮中的文本),内容存储在单独的文件中,并且可以对这些文件进行本地化(即翻译 ...
SAP Spartacus Header 区域的默认配置
该默认配置可以在文件: src\app\spartacus\spartacus-configuration.module.ts 里查看和修改. useValue.layoutSlots, 能看到每个屏 ...
关于 SAP Spartacus 支持不同的环境配置部署到 SAP Commerce Cloud 上的讨论
参考这个讨论:Introduce environment specific configurations for Spartacus deployment on ccv2 对于 angular 开发人 ...
SAP Spartacus b2b表格的cell配置解析逻辑
table.service.ts里的breakpointService: breakpointService是TableService的一个依赖: 运行时这个xl的breakpoint值从哪里来的? ...
SAP Spartacus路由参数的默认配置
我在自定义的module里通过如下代码定义了一个路由参数: ConfigModule.withConfig({routing: {routes: {product: {paths: ['jerryca ...
SAP Spartacus和product相关的标准normalizer
以product name normalizer为例: 路径:C:\Code\SPA\spartacus\projects\core\src\occ\adapters\product\converte ...

SAP Spartacus和Table相关的配置结构ResponsiveTableConfiguration

SAP Spartacus和Table相关的配置结构ResponsiveTableConfiguration相关推荐

最新文章

热门文章