问题标签 [vaadin-flow]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
347 浏览

vaadin - 如何在 Vaadin 10 中找出按钮的宽度?

所以我有三个这样的按钮。

Lumo.DARK 中的 3 个 Vaadin 按钮

我的目标是使这些按钮具有相同的宽度。
为此,我想检查每个按钮的宽度,将最大值(在本例中为第二个按钮)放入变量中,然后将每个按钮的宽度设为该值。
我不想使用一些幻数来设置宽度,因为我的按钮上的文本可能会改变。

我试着这样做:

如果没有提前设置方法,问题是getWidth()返回 null 。setWidth那么,如何找出按钮的宽度?

0 投票
2 回答
1763 浏览

spring-mvc - 无法导航到“查看”

我正在使用 vaadin 10。如果我使用 @Route(""),我会在我的登录视图类中看到这个错误,但是当我将它写为 @Route(value="") 时它起作用了。但是对另一个视图这样做我得到了这个错误。大多数问题都太高级了。我只有一个带有 vaadin 和 springboot 的简单项目。

0 投票
1 回答
80 浏览

vaadin - 带有 Viritin ListDataProvider 的网格随机失败

我正在开发一个带有多个网格的 Vaadin Flow (10.0.5) 应用程序。所有这些都使用 Viritin 的 ListDataProvider。

让我头疼的一般是 200-300 行(有些情况下多达 1200 行),有 13 列。所有列都可以调整大小和排序,第二个标题行包含每一列的过滤器,就像应用程序中的每个其他网格一样。

当我滚动网格时,有时它会生成一个 NPE :

但是其他具有更多列和更多数据的网格(我的一个案例超过 2000 个)绝对不会导致异常。我已经检查了 NPE 发生时要从提供程序加载的最后一个数据库对象的 id(将网格页面设置为 1 以确保它是最后一个),它永远不会相同,并且对于来自其他对象的其他对象没有什么特别的网格。

我正在填充网格,主要通过实体的 propId 设置列,有些是生成的列,比如另外两列的总和。

知道什么会导致这些随机异常吗?

提前致谢 !

0 投票
1 回答
1827 浏览

vaadin - 如何在 Vaadin Flow 中使用 ContextMenu 和网格?

使用 Vaadin Flow (11.0.0) 时,应该可以GridContextMenu(1.0.0) 一起使用。请参阅问题https://github.com/vaadin/vaadin-context-menu-flow/issues/5

这是我到目前为止所拥有的:

问题:

  • Vaadin Flow有什么例子吗?
  • 在我们的用例中,ContextMenu只有将鼠标悬停在选定的行上时才应该启用。如何做到这一点?
  • 如何根据激活上下文菜单时的鼠标位置选择一行?
0 投票
1 回答
557 浏览

spring - Vaadin Flow 和 Spring Boot:在多个选项卡/窗口中打开时出错

我目前正在使用 MVP 模式使用 Vaadin Flow (v11.0.0) 和 Spring Boot (v2.0.4) 开发应用程序。该应用程序工作正常,只要它只在一个选项卡中打开。重新加载时刷新整个页面,这完全没问题。同样在第二个选项卡或窗口中打开它(不管是否隐身)都可以正常工作。但是,当我在一个窗口中单击某些内容,然后在另一个窗口中单击时,会发生以下错误:

我只有一个视图(因此也是演示者),我这样注释:

0 投票
2 回答
117 浏览

vaadin - 使用 @Tag(Tag.DIV) 注释和从 Div 类扩展之间的区别

我正在学习 Vaadin 11,我有一个问题。这有什么区别:

...和这个?:

根据文档:

div 类: 表示<div>元素的组件。

标记注释: 定义用于使用默认组件构造函数创建的组件的根元素的标记。

看起来他们做同样的事情:创建一个类来表示一个根元素。是这样吗?

0 投票
2 回答
257 浏览

spring-security - Vaadin 10 ( - Only Java - ) & Spring Security 登录表单

我正在尝试使用 V10 和 Spring Sec。基于面包店演示。

但是 Demo 有基于 Polymer 的登录按钮,并且它的 html 表单上有操作方法。

我只使用Java实现了登录。但是登录按钮不会触发任何东西。

Spring sec 的任何工作示例。和纯java。

0 投票
1 回答
437 浏览

maven - Change Maven-driven project based on Vaadin 11 to Vaadin 12 alpha version?

Problem

I have a working project in IntelliJ 2018.3 for Vaadin 11, created using the Project Base starter-pack.

➥ How do I switch from Vaadin 11.0.0 to Vaadin 12.0.0.alpha4 ?

My Question here is similar to this one, Vaadin 8 alpha/beta prerelease fail with “Non-resolvable import POM: Failure to find” errors. The solution on that page was to enable a vaadin-prerelease checkbox in the Profiles list in the Maven sidebar of IntelliJ. But with a Vaadin 11 project, the only such checkbox found there is labeled production-mode.

Failed Solution

In the project’s Maven POM file, pom.xml, I tried switching:

…to:

…having taken that version number string from the currently published JavaDoc site.

When executing a Maven clean with this version number in place, I get these errors:

0 投票
1 回答
1426 浏览

css - Dynamically changing font, font-size, font-color, and so on in Vaadin Flow web apps

In Vaadin Flow (versions 10 and later), is there some way to dynamically change the font, font size, font color and such of the widgets in a Vaadin layout?

I do know the basics of CSS, but don’t know much about SASS or other supersets of CSS though I am willing to learn. And I do not know what supersets of CSS are being used by Vaadin Flow.

I know I can dynamically assign or remove CSS style names to a widget at runtime. But that means the CSS style must already be defined.

➥Is there some way to assign arbitrary font styling at runtime?

0 投票
0 回答
145 浏览

tomcat - 为什么 `onAttach` 在 Tomcat 下运行两次,但在 Vaadin Flow 11 Web 应用程序中的 Jetty 下只运行一次?

我采用了给定的 Vaadin 11.0.1 应用程序Base Starter,只是添加了对该方法的覆盖onAttach。当您的组件附加到屏幕上的显示时,此方法由 Vaadin 框架调用。因此,如果运行应用程序一次,我们应该会看到此方法被调用一次。

使用捆绑的 Jetty Web 容器运行时,我看到:

onAttach 正在MainView上课。attachEvent.toString():com.vaadin.flow.component.AttachEvent[source=com.basilbourque.example.MainView@454ff330]。System.identityHashCode(this): 1162867504

但是,当我在外部运行 Tomcat 9.0.12 以供 IntelliJ Ultimate 版本 2018.3 调用时,我看到了这一点:

onAttach 正在MainView上课。attachEvent.toString():com.vaadin.flow.component.AttachEvent[source=com.basilbourque.example.MainView@21b91e99]。System.identityHashCode(this): 565780121

onAttach 正在MainView上课。attachEvent.toString():com.vaadin.flow.component.AttachEvent[source=com.basilbourque.example.MainView@5ee75022]。System.identityHashCode(this): 1592217634

请注意,两个输出末尾的身份哈希是不同的。因此,尽管只有一个用户(部署和启动 Tomcat 后 IntelliJ 在浏览器中自动打开一个页面),但似乎我得到了两个创建实例。MainView

➥ 为什么onAttach在外部 Tomcat 上运行两次,但在内部 Jetty 上只运行一次?

也许与这个问题这个问题有关?


更奇怪的是……如果我Application context将 IntelliJ Run/Debug Configuration(在第二个选项卡上Deployment)从/bogus_war_exploded更改为 just /,那么我将获得三个运行实例MainView

onAttach 正在MainView上课。attachEvent.toString():com.vaadin.flow.component.AttachEvent[source=com.basilbourque.example.MainView@4664fd83]。System.identityHashCode(this): 1181023619

onAttach 正在MainView上课。attachEvent.toString():com.vaadin.flow.component.AttachEvent[source=com.basilbourque.example.MainView@2390403]。System.identityHashCode(this): 37291011

onAttach 正在MainView上课。attachEvent.toString():com.vaadin.flow.component.AttachEvent[source=com.basilbourque.example.MainView@461aa7e4]。System.identityHashCode(this): 1176152036

更奇怪的是……如果我在部署时关闭自动在 Web 浏览器中打开我的 Tomcat 应用程序 URL 的功能,也就是说,如果我取消选中第一个选项卡部分中的After launch复选框,那么我只会得到一个实例如预期。我必须在浏览器中手动打开一个页面,然后粘贴 URL 。对,成功!Open browserServerRun/Debug ConfigurationsMainViewhttp://localhost:8080/bogus_war_exploded

但是这里发生了什么?是否存在与 IntelliJ 在浏览器中自动打开 URL 相关的错误?如果是这样,我想一种解决方法是手动打开浏览器和 URL。还是发生了其他事情?


具有讽刺意味的是,我放弃使用 NetBeans 并购买了 IntelliJ 以避免在那里出现同样的错误行为。请参阅 Stack Overflow,Tomcat 在 netbeans 中两次部署相同的应用程序


我在用:

  • IntelliJ 终极版 2018.3
  • 通过 Azul Systems 的 Zulu JVM(基于 OpenJDK)的 Java 10.0.2
  • 雄猫 9.0.12
  • 码头 9.4.11.v20180605
  • Base Starter创建的项目
  • 瓦丁 11.0.1
  • macOS 高山脉
  • MacBook Pro(Retina,15 英寸,2013 年末),16 gigs 内存。