如何在 dx-toolbar (DevExtreme) 中自定義下拉按鈕？

Question

我在 Angular(v8.2.14) 中使用 DevExtreme(v20.1.4) 工具欄組件。
當我放置一個dx-toolbar並為工具欄項設置locateInMenu="always"時，我看到一個帶有dx-icon-overflow的下拉按鈕。

有什么方法可以自定義此按鈕以使其上有一個字符串？

Answer 1

我使用 CSS 來更新該下拉按鈕。

.customized-toolbar .dx-toolbar-button .dx-dropdownmenu-button .dx-button-content {
  & > i {
    display: none !important;
  }

  &:after {
    display: block;
    content: 'Other Actions';
    color: white;
    line-height: 18px;
    font-size: 14px;
  }
}