SAP Spartacus B2B页面的List Component

Spartacus标准开发 专栏收录该内容
700 篇文章 4 订阅

需求如下:

不管选择左边的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的原创文章,尽在:“汪子熙”:

  • 0
    点赞
  • 1
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
©️2020 CSDN 皮肤主题: 博客之星2020 设计师:CY__ 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值