Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/370.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何自定义dx工具栏(DevExtreme)中的下拉按钮?_Javascript_Angular_Typescript_Devextreme_Devextreme Angular - Fatal编程技术网

Javascript 如何自定义dx工具栏(DevExtreme)中的下拉按钮?

Javascript 如何自定义dx工具栏(DevExtreme)中的下拉按钮?,javascript,angular,typescript,devextreme,devextreme-angular,Javascript,Angular,Typescript,Devextreme,Devextreme Angular,我正在Angular(v8.2.14)中使用DevExtreme(v20.1.4)工具栏组件。 当我放置dx工具栏并为工具栏项设置locateInMenu=“always”时,我看到一个下拉按钮,其中dx图标溢出 有没有办法自定义这个按钮,使其上有一个字符串?我用CSS更新了这个下拉按钮 .customized-toolbar .dx-toolbar-button .dx-dropdownmenu-button .dx-button-content { & > i {

我正在Angular(v8.2.14)中使用DevExtreme(v20.1.4)工具栏组件。
当我放置
dx工具栏
并为工具栏项设置
locateInMenu=“always”
时,我看到一个下拉按钮,其中
dx图标溢出


有没有办法自定义这个按钮,使其上有一个字符串?

我用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;
  }
}