javascript - 如何在 vaadin 6 中向文本字段或选项卡添加服装属性

Question

在我们的医疗应用程序中，我们集成了 Nunance 的 Dragon 语音识别。在API中称为SAS。

In One Dashboard 我们使用 Vaadin 框架的 TabSheet 设计 UI。 Tabsheet 基本上使一个选项卡(在 html 中称为 div)可见，并将 css 属性 Visibility:hidden 应用于其他选项卡(div)。

当页面的 onLoad() 事件发生时，SAS 基本上会检查所有输入字段，例如文本字段。并使其启用语音功能。

SAS 明确指出“隐藏或禁用的控件，即具有禁用属性或 CSS 属性可见性:隐藏或显示:无的控件，默认情况下会从语音识别中排除。这可以通过设置 'data-nusa- 来覆盖。这些控件上的“enabled”属性设置为“true”。​

现在我的问题是如何将此服装属性添加到 vaadin 文本字段或选项卡组件？我们使用的是 vaadin 6.8。

Answer 1

据我使用 Vaadin 6 的经验，实现类似功能的一种可能方法是在 styles.css 中定义 css 规则。在此规则中，您可以定义可见性属性，然后在您的java代码中使用调用该规则的setStyleName()方法将其应用到您需要的组件，但我不知道该规则在所有组件上的行为，我刚刚在 Label 中测试了它，效果非常好。

例如:在 styles.css 中

.my-app .my-custom-tab {
    display: none;
}

在java代码中:

myTabSheet.getTab(tabIndex).setStyleName("my-custom-tab");

但请注意，使用 display: none; 将隐藏您的组件，如果不可见(因为实际上选择了另一个选项卡)，您实际上不会注意到它。

记住将其回滚到原始状态，使用 display: inline-block; 设置样式或适合您需要的样式。

这不是最好的解决方案，因为您必须将其应用于需要具有该属性的所有组件，但这是我认为实现它的“最简单”方法。