美文网首页SAPSAP 实用篇
SAP Spartacus 重用组件cx-table的设计原理

SAP Spartacus 重用组件cx-table的设计原理

作者: _扫地僧_ | 来源:发表于2021-03-08 09:53 被阅读0次

cx-table在SAP Spartacus尤其是B2B feature里有着广泛的用途:

它是一个shared Component,布局实现文件:table-component.html:

其中表格栏由td和cx-table-data-cell实现:

查看table.component.html里verticalLayout这个分支:

做个验证:

在渲染出来的页面里看到了ffffairy,说明这个分支我们找对了:

定义一个局部变量cell, 其值来自structure.cells,

再把cell的值赋给td的class属性。

最终渲染出的代码里,这个cx-table-data-cell是哪里来的?

这就得从我们自定义的OutletDirective指令说起。

我们需要计算一个string值赋给以cxOutlet为selector的指令。具体工作原理,参考Jerry后续的文章:SAP Spartacus自定义指令cxOutlet的工作原理。

更多Jerry的原创文章,尽在:"汪子熙":


相关文章

网友评论

    本文标题:SAP Spartacus 重用组件cx-table的设计原理

    本文链接:https://www.haomeiwen.com/subject/ehuywktx.html