将 Vaadin 组件放入 Javascript 组件生成的元素中

Question

我正在创建一个 Vaadin 应用程序，我正在为此开发一个 Javascript 组件（AbstractJavascriptComponent 的子类），该组件使用 jQuery 生成某种表格。

但是，在某些情况下，用户需要能够在单元格中输入值，由于过滤功能，我想使用 Vaadin 的标准 ComboBox。这可能吗？我知道如何从 Javascript 组件向服务器进行 RPC 调用，我可以在其中实例化 ComboBox，但看不到如何将 ComboBox 添加到某个 DOM 元素而不是常规布局中。

我不能使用Table 或Grid，因为我需要直接控制 DOM 以进行一些复杂的 UI 交互和布局，所以请不要建议使用它们来代替创建我自己的表。我在这里称它为表，但实际上它更复杂。

Answer 1

我认为使用 Vaadin 是不可能的，但您可以创建包含 Vaadin ComboBox 的自定义 HTML 布局。见CustomLayouthttps://vaadin.com/docs/-/part/framework/layout/layout-customlayout.html

因此，您可以使用 AbstractJavascriptComponent 为您的 HTML 布局添加必要的行为，但布局将是静态的。

如果你真的想从头开始为 Vaadin 组件创建这个复杂的容器，你必须在 Java 中创建自定义 Vaadin 组件来实现 ComponentContainer。