问题标签 [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 回答
1302 浏览

css - 通过 CSS 实现的 Vaadin Flow/10/11 样式组件

我的问题很基本。

如何将 CSS 文件中的样式添加到基本的 vaadin 组件?

不想使用的:

  • 聚合物模板
  • getStlye().set(...)

我是否必须 @ImportHtml,其中包含 css 代码,还是必须 @StyleSheet 和 css 文件?之后,我是否必须通过 .getElement().getClassList().add(...) 添加“css 样式”?

我真的需要帮助才能为标签、按钮或其他任何东西提供一个有效的简单代码示例,请。我找不到任何东西可以满足我的要求。

0 投票
2 回答
911 浏览

vaadin - ExternalResource in Vaadin 10 - Custom Icons for Button

I would like to use a custom icon from a picture file in Vaadin 10.

Up to Vaadin 8 it was possibleto load the icon file via ExternalResource:

and then just use the resource as icon:

The setIcon method in Vaadin 10 requires a Component as parameter. How can i load my Icon into a Component? Is there some out of the box solution in vaadin 10?

I would prefer a solution with pure java like in vaadin 7/8.

0 投票
1 回答
54 浏览

version - 在运行 Web 应用程序中动态获取 Vaadin Flow 的版本

Vaadin Flow应用程序中,如何询问当前部署的 Vaadin 版本是什么?

0 投票
1 回答
145 浏览

vaadin - 如何在 Vaadin Flow 版本 12 中构建菜单栏

根据手册中的“组件”页面,根据该论坛主题,承诺在明年 2019 年 6 月的版本 14中为 Vaadin Flow 提供适当的菜单栏小部件。

在那之前,该页面建议可以在版本 12 中使用SelectContextMenu.

菜单栏

计划用于 Vaadin 14。目前可以通过组合 Select (V12) 和 ContextMenu (V12) 来制作

(a) 我在版本 12 JavaDocSelect中都找不到。ContextMenu

(b) 有没有人分享一个示例实现?

0 投票
2 回答
3266 浏览

image - 加载 PNG 图像文件以作为 Image 对象在 Vaadin Flow 布局上显示

Vaadin Flow 提供了一个Image类,代表一个 HTMLimg标签。

logo.png如果我的 Vaadin 12 应用程序的文件夹中存储了一个名为的resources文件,如何加载该文件以Image在布局上显示?

ImageVaadin 8 Sampler中的示例显示代码不再相关,因为我ClassResource在 Flow 中找不到类。

0 投票
1 回答
389 浏览

spring-boot - Vaadin Flow Grid - 使用 JPA 实体时如何控制列?

如果我使用 JPA 和 Vaadin 10 Grid,它会以任意顺序将所有列添加到显示中。

如何让它只添加一两列,并控制顺序、大小、宽度等。

我的“东西”看起来像

是否有我应该使用的注释,或者我需要隐藏列,或者删除所有列并手动添加它们?我在网上和这里搜索过,没有发现任何似乎相关的东西。

0 投票
1 回答
629 浏览

session - 使用 Vaadin Flow 网络应用程序处理登录,跨全局所有布局和跨“路由”URL

瓦丁 8

在 Vaadin 8 中,在我的UI子类中,我通过检查用户会话是否带有一个属性来处理登录,该属性指出他们是否已成功登录。如果没有,我的UI子类会显示登录布局,而不是带有导航选项的其他内容,例如菜单栏和在该 UI 中切换布局的按钮。

瓦丁 10+

在 Vaadin 10 及更高版本的Vaadin Flow中,UI该类显然是由 Vaadin 以对我应用程序开发人员透明的方式自动处理的。现在建议使用@RouteRouter类方法作为在表单之间导航的方式,由附加到每个布局的不同 URL 驱动。一个好处是用户能够在应用程序中以友好的网络风格为位置添加书签。

全局检查

➥ 在 Vaadin Flow 中,如何在显示任何其他内容之前处理全局检查用户是否已登录?

子类UI,如 Vaadin 8 中的

我应该遵循 Vaadin 8 的方法,编写一个子类UI吗?如果是这样,如何安装我的子类来UI代替UI显然是由 Vaadin Flow 自动放置的?

我是否遵循手册中显示的带有 Servlet 定义的示例,以及在其他问题中所讨论的?

BeforeEnterEvent

或者我应该对路由生命周期教程BeforeEnterEvent中讨论的内容做些什么?虽然该页面的顶部简要提到了在实例上触发的侦听器,但页面其余部分的示例涉及布局上的代码而不是. 所以我不明白如何在我的应用程序中定义的所有当前和未来布局中处理全局检查。UIUI


我的问题与存储密码、凭据、哈希和盐等无关。我在询问一种优雅地检查登录是否已完成以阻止/授予对 Vaadin Web 应用程序内容的访问权限的方法。

0 投票
1 回答
194 浏览

java - 使用手册的示例代码在 Vaadin Flow 中编写“UI”子类

在 V10 和 V8 应用程序之间的差异手册的页面上,有这个示例代码供那些想要像在 Vaadin 8 中那样编写子类的人使用,尽管在Vaadin FlowUI中不再需要。

(将原来的 mydomain-dot-com 更改example.com为安抚 Stack Overflow 审查机器人)

从语法上讲,这要么是不正确的,要么是要写入两个单独的.java文件中。

还是应该像在 Vaadin 8 中默认那样在MyServlet类中设置类?MyUI像这样:

0 投票
1 回答
168 浏览

java - 在 Vaadin Flow 网络应用程序中设置我的“UI”子类的内容

UI在 Vaadin Flow 中,不再需要编写类的子类。然而,关于V10 和 V8 应用程序之间的差异的手册页面表明我们可以自由地这样做。

问题:UIFlow 中的类没有UI::setContent方法。

我们方法中的这行常用代码UI::init在 Flow 中失败:

➥ 我们如何设置UI在运行时在我们的子类中显示的内容?

这是我的代码,其中行setContent失败。

0 投票
2 回答
716 浏览

css - Vaadin Flow 中的 Shadow Dom 风格

我已经为这个聚合物元素编写了一个 vaadin 流包装器:

这行得通。的文档simple-dropdown告诉我我可以用这个 css 来设置 shadow dom 的样式:

但是,我无法在 Vaadin 流程中找到适合该 css 的位置。我必须把它放在哪里?