如何在 Vaadin 中添加 CSS 样式 ID（不仅是 CSS 样式类）答案

【问题标题】：How to add a CSS style ID (not only CSS style class) in Vaadin如何在 Vaadin 中添加 CSS 样式 ID（不仅是 CSS 样式类）
【发布时间】：2011-06-23 08:24:20
【问题描述】：

我希望为我的 Vaadin 组件设置样式 ID：

<div id="menu"> ... </div>

而不仅仅是一个样式类：

<div class="menu"> ... </div>

有人有想法吗？谢谢。

【问题讨论】：

奇怪的问题...我们需要更多信息

标签： css vaadin

【解决方案1】：

自 Vaadin 7.0 以来，旧的 setDebugId(id) 方法已弃用。

您可以使用 setId(id) 方法。

新方法名“setId”比旧名“setDebugId”更好，因为它不仅可以在 DEBUG 模式下工作，还可以在 PRODUCTION 模式下工作。

【讨论】：

【解决方案2】：

我们也可以在生产模式下使用通过 setDebugId() 方法设置的 id。
我开了一张关于那个 (http://dev.vaadin.com/ticket/7867) 的票，响应是我也可以在生产模式下使用这些 id。
然后我做了一个小演示应用程序，我看到 ids 处于生产模式:)

【讨论】：

【解决方案3】：

所以您想自己设置一个 ID，还是让 Vaadin 为您设置？

您可以使用 setDebugId 方法为每个组件实例自己设置 ID。请注意，对于每个单独的组件实例，每个 ID 都应该是唯一的。

【讨论】：

通过 vaadin 是的。所以 debugId 是我所需要的，但其中的 debug 一词会告诉不要在生产中使用它吗？
命名确实暗示它在生产模式下不起作用，但 IIRC id 应该也可以使用。

【解决方案4】：

您可以像这样对一个项目使用 1 个 id 和任意数量的类

<div id="menu" class="menu menu-2 etc">

【讨论】：