如何在 webix 图标按钮上动态应用 css？

Question

我有一个在默认状态下被禁用的 webix 图标按钮。但是每当我 select 数据表的一行时，它应该变为启用，并且新的 css class 应该应用在它上面，导致它的不透明度和背景颜色发生变化。

我的代码片段是 https://snippet.webix.com/t3kcujxl

请帮忙，谢谢。

Answer 1

您无需更改按钮的 css 属性，只需从点击处理程序中启用它

onAfterSelect:function() { 
  $$('delete').enable();
}

并且在 css 中，您可以使用类似 next 的东西。这里按钮的样式将根据添加到所有禁用元素的 .webix_disabled_view class 而有所不同。

.webix_disabled_view.opq button{
    background-color: transparent !important; /* Green */
    opacity: 0.4;
}
.opq button{
    background-color: #ac52af; /* red */
    opacity: 1;

}

https://snippet.webix.com/z5c09h6z

如何在 webix 图标按钮上动态应用 css？

How to apply css dynamically on webix icon button?

css

button

webix