首页 > 解决方案 > Vaadin 14 滑块

问题描述

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

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

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

“在使用 '@JsModule' 注释声明的任何模板文件中都找不到带有标签 'vaadin-paper-slider' 的元素的定义”。

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

标签: javahtmlcssvaadin

解决方案


您链接到的插件与 Vaadin 14(npm 模式)不兼容,仅与 Vaadin 10-13 和 Vaadin 14(凉亭模式又名兼容模式)兼容。原因是PaperSliderand的模板PaperRangeSlider是用 Polymer 2 制作的,并且没有为 Polymer 3 重新制作。只要作者这样做,并使用@JsModule而不是导入模板@HtmlImport,它将与 Vaadin 14 兼容。

如果滑块还没有其他插件,并且您现在确实需要它,并且您不希望作者很快发布 V14 的更新,那么您可以将整个代码复制到所述插件的github中并执行自己迁移到 V14。这是一个如何将聚合物 2 模板迁移到聚合物 3的教程。看看 PaperSlider 的原始 polymer2 模板的简单性,这应该不难做到。如果您愿意,您甚至可以将其发布为您自己的 Vaadin 14 Slider 插件,或者为现有的插件 github 发出拉取请求。


推荐阅读