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

Question

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

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

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

Answer 1

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

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

如果您确实想从头开始为 Vaadin 组件创建这个复杂的容器，则必须使用 Java 创建自定义 Vaadin 组件来实现 ComponentContainer。