问题标签 [vaadin10]

我是 Java 开发人员，我将开始新项目。我的客户端开发技能非常有限，这就是为什么我真的很喜欢 Vaadin 框架的想法。我已经评估了 Vaadin 10 Bakery App Starter 应用程序https://vaadin.com/start#vaadin10并且对为了使该应用程序启动和运行而编写的大量自定义 HTML/CSS/JavaScript 感到非常惊讶。现在我真的很困惑，不明白它如何简化我的开发人员的生活。

目前，我可以作为项目启动器应用的唯一应用程序是著名的 QuickTickets Dashboard https://demo.vaadin.com/dashboard/，其中所有 UI 都完全用 Java 实现。目前最大的问题是这个应用程序是在 Vaadin 8 上实现的，我无法找到 Vaadin 10 的版本。你有类似的 Vaadin 10 吗？如果没有，您是否有我可以使用的从 Vaadin 8 到 Vaadin 10 的迁移指南，以便尝试将此应用程序移植到 Vaadin 10？

我陷入了一种奇怪的情况，即我的数据在将其设置为对象时丢失了。将尝试详细说明情况。this.tempRenewals = this.findById(this.renewals,'id',21869);

续订对象的价值

[{"id":21869,"benefitEndDate":"02/22/2019","premium":0,"enrollmentStatus":"INFORCE","policyId":"test21331","productType":null,"stEnrollmentId “：无效的}]

评估 findById 后，我得到未定义的日期值。我在 tempRenewals 中得到低于值。

"{"id":21869,"premium":0,"enrollmentStatus":"INFORCE","policyId":"test21331","productType":null,"stEnrollmentId":null}"

经过调试了解后，评估下面的代码后它的损失值。

在 property-accessors.html(polymer\lib\mixins\property-accessors.html) 中，它在内部被调用。

我正在使用 vaadin-date-picker 的 2 向绑定，这实际上会导致问题。

但我无法确定如何解决它。

Hello guys i have a trouble with using javascript plugin on polymer. How i include and use javascript plugin in my project.

this is my java class using javascript annotation. But its not working.

And here is my html

Any advice ?

我对一些样式 vaadin 元素有疑问。我需要设置默认vaadin-combo-box元素的样式。

我的导入：

它看起来像：

我的共享样式 html：

我做错了什么 ？有什么建议吗？

我在使用带有 Vaadin 10 的 swiper 时遇到问题。当我尝试使用带有 vaadin 10 的简单滑块时，它可以正常工作

• 铬（成功）
• 歌剧（成功）
• Mozilla（失败）
• 边缘（失败）

这是我的示例代码：

当我使用带有原始 html 的 swiper 时，它工作正常。有什么建议吗？

我对 vaadin @Tag注释有疑问。当我在这样的组件中使用@Tag("main-page") Edge 和 FF 时，会得到意外的类名。

结果在 FF 和 Edge 上：

但在 chrome、safari、opera 中：

有什么解释吗？我做错什么了 ？

我正在使用Vaadin 10的 beta3，并且我有一个绑定到组件 (@HtmlImport) 的 html 文件，其中包含<dom-repeat>我有一个paper-radio-group的内部。我希望paper-radio-group#selected-property以两种方式绑定到我的模型，这样当用户选择不同的单选按钮时，它的值将被写回模型。不幸的是，对我来说，它只能作为一种单向模型工作，因为setAOrBProperty()从未调用过 java 端的 setter。有人可以提示我需要做什么才能将新值写入服务器吗？

在 Vaadin 8 中，我能够Grid使用 UI 的方法异步更新传入的 websocket 数据，该access方法锁定线程并执行更新，然后推送它们而无需客户端请求它。

我现在正在尝试使用 vaadin 10，并且由于您开始使用的主类没有扩展 UI，因此我正在尝试这样做：

但是它不起作用，您必须单击页面上的某个位置才能进行更新。我@Push在课堂上有注释，所以我相信服务器推送应该可以工作..非常感谢你们！

在我的 servlet 中：

也试过了this.getUI().get().access()，还是不更新。

我正在使用 Vaadin 10 (Flow)Grid将数据流式传输到新行，并且我正在尝试将自定义图像图标添加到我的TemplateRenderer.

我有这样的TemplateRenderer设置：

在网格单元格中正确显示我的数字，如下所示：

我想让我的图像在数字左侧的同一个单元格内呈现。

这是我（非常粗略）尝试使用 html 导入它：

这给了我这个：

我认为我可能必须将图像和数字包装成一个HorizontalLayout图像作为单独的组件 - 我想我可以处理这个问题，但我不确定如何进行图像的实际渲染。我可能可以简单地使用内部 Vaadin 图标集来完成它，但我需要使用我自己的小图像.. 我将使用的所有图标都将等于或小于 25 x 25 像素。

非常感谢您！

在Vaadin 8 ( Vaadin Framework ) 或 Vaadin 10 ( Vaadin FlowLayout )中是否有使用较新的CSS flex-box (aka flexbox) 功能？

这个优秀的教程使它看起来像 flex-box 可以用来实现 Vaadin 的GridLayout,VerticalLayout和HorizontalLayout.