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

【问题标题】：How to customize dropdown button in dx-toolbar (DevExtreme)?如何在 dx-toolbar (DevExtreme) 中自定义下拉按钮？
【发布时间】：2021-05-31 08:54:07
【问题描述】：

我在 Angular(v8.2.14) 中使用 DevExtreme(v20.1.4) 工具栏组件。
当我放置dx-toolbar 并为工具栏项设置locateInMenu="always" 时，我看到一个带有dx-icon-overflow 的下拉按钮。

有没有什么方法可以自定义这个按钮，让它有一个字符串？

【问题讨论】：

标签： javascript angular typescript devextreme devextreme-angular

【解决方案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;
  }
}

【讨论】：