Vaadin 14 滑块

Vaadin 14 Sliders

有人可以向我解释如何将滑块添加到 vaadin 14 项目中吗?我发现,组件滑块在 vaadin 10 中被删除,所以我使用了这个:https://vaadin.com/directory/component/paper-slider-components

在我将 Maven 依赖项和存储库添加到我的 pom.xml 之后,我能够将滑块导入我的 java class。

但是如果我创建它的实例,它会崩溃并显示以下消息:

"Couldn't find the definition of the element with tag 'vaadin-paper-slider' in any template file declared using '@JsModule' annotations".

是否有另一个插件,我不必创建 html 模板 class? 或者有人可以向我解释如何为该滑块插件创建模板 class 吗?

您链接到的插件与 Vaadin 14(npm 模式)不兼容,仅与 Vaadin 10-13 和 Vaadin 14(bower 模式 a.k.a。兼容模式)兼容。 原因是 PaperSliderPaperRangeSlider 的模板是用 Polymer 2 制作的,还没有为 Polymer 3 重新制作。一旦作者这样做,并使用 @JsModule 而不是 @HtmlImport,它将与 Vaadin 14 兼容。

如果滑块还没有其他附加组件,并且您现在确实需要它,并且您不希望作者很快发布 V14 更新,那么您可以将整个代码复制到 github of said addon and do the migration to V14 yourself. Here is a tutorial how to migrate a polymer 2 template to polymer 3. Looking at the simplicity of the original polymer2 template 的 PaperSlider,这应该不难做到。如果需要,您甚至可以将其发布为您自己的 Vaadin 14 Slider 插件,或者为现有插件发出合并请求-github.