需求如下：

不管選擇左邊的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的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。