SAP Spartacus B2B页面的List Component

需求如下:

不管选择左边的view里列表行项目的哪一条,右边页面第一个可以被focus的元素,即Edit按钮,需要自动被focus:

如果像上图这样,将cxFocus直接施加到a标签页上,一个side effect就是,a标签的tabindex将会被设置成默认的-1,这样没办法接收接下来的tab事件了:

如下图Budgets列表页面所示:

其Spartacus里的Component实现:ListComponent:


显示不同数据的cx-org-list通过class值的不同来区分:

cx-org-list即ListComponent,内部包含了cx-split-view, 两个子view,左边的cx-view, class为list,右边的子view,class为card.

右边最外层为cx-org-budget-details:

每个detail页面岂不是都要做同样的修改:

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


你可能感兴趣的:(SAP Spartacus B2B页面的List Component)