问题标签 [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 投票
2 回答
819 浏览

css - Vaadin Flow TextField:如何动态更改字体颜色?

我想动态更改 Vaadin FlowTextField组件的字体颜色。

试过这个,但不起作用:

我怀疑这是因为该<input>元素隐藏在 shadow dom 中。我不知道如何处理这个。

顺便说一句,我知道动态样式教程

0 投票
2 回答
1932 浏览

vaadin-flow - 如何在 Vaadin Flow 中设置 FormLayout 的标签宽度?

将 Vaadin 12 与FormLayout输入字段左侧的标签一起使用。

我想设置标签列的宽度。如何使用 Java API 实现这一点?

0 投票
3 回答
1407 浏览

java - Vaadin(流):使用共享对象导航到目的地

问题:

我目前有一个显示类型内容的网格SomeModel。当我单击其中的一个条目时,Grid我想导航到一个视图,该视图将对象作为其输入以显示条目内容。

执行:

为了实现这种行为,我创建了一个DetailLayout这样的:

从内部Grid我尝试像这样导航:

但不幸的是,即使它的语法非常好,Vaadin 也不支持这种行为。


问题:

您是否知道在导航时传递对象的另一种方法,或者我是否错过了官方文档文档的某个部分?

先感谢您

0 投票
1 回答
303 浏览

spring - 使用 Vaadin Flow 时如何获取 Springs 默认的 Whitelabel 错误页面

我目前正在为服务设置管理 UI。如何发送默认的 Spring Whitelabel 错误页面而不是 Vaadin 消息?问题是,Vaadin 页面正在炸毁我的日志文件。

所以我想要 这个而不是这个

0 投票
1 回答
102 浏览

navigation - Vaadin Flow:使用 SplitLayout 和 @ParentLayout 时导航损坏(?)

[编辑] 问题结束时的解决方案 [/编辑]

语境

我目前很难实现一个Component基于如下所示的SplitLayout在此处输入图像描述

这个想法是带有class="outer"(突出显示的行)的布局将成为内容的占位符,当用户在Grid.

"outer"-Layout添加到SplitLayout网格旁边,因此标有slot='secondary'

另一个类引用'outer'-Layoutwith@Route(value = "details", layout = OuterLayout.class)

通过单击Grid页面的条目导航到"grid/details"


问题:

我希望 Vaadin 将带注释的类的内容放在其中,'outer'-Layout但它会在其旁边添加一个新条目: 在此处输入图像描述 如果我删除第一个'outer'-LayoutVaadin 标记,则第二个标记为slot='secondary'它的内容: 在此处输入图像描述 它甚至根据当前选择的 Gridentry 进行更新。 .


资料来源:

拆分布局


我误解了生命周期的概念吗?

先感谢您


解决方案

正如 Tatu Lund 所建议的,我修改了RouterLayout这样的默认实现:

0 投票
2 回答
285 浏览

vaadin - 带有隐藏键的组合框

vaadin 12 中是否有可能具有组合框以显示用户友好的值但在幕后存储隐藏代码?我从 5 年前发现了这个例子,但它不适用于 Vaadin 12 组合框:https ://vaadin.com/forum/thread/7821327/combo-box-hidden-values

(如果有一个好的,相当干净的方法,请指出正确的方向!我认为这是一个常见的抢手功能)

0 投票
1 回答
47 浏览

vaadin - vaadin 12 图表是否支持从 java 和声明性 html 缩放?

我发现https://api.highcharts.com/highcharts/chart.zoomType这意味着可以进行缩放,但我也想不通

  1. 启用缩放的 java 代码或
  2. 启用缩放的 html 代码(在声明性模板 html 文件中)。

Vaadin 12 图表是否像使用 highcharts 一样自动/轻松地支持缩放?(在 highcharts 中,启用它是一个简单的选项......)

(同样,highcharts 支持平移,可能还有一堆其他不错的“性感”/“有用”功能——我们如何在 Vaadin 中获得这些功能?)

0 投票
2 回答
543 浏览

vaadin - 可切换 Vaadin 12 主题的最佳实践

我目前正在将 Vaadin 8 应用程序迁移到 Vaadin 12。外观应该由用户使用,并在登录时或通过按下按钮进行更改。

在我们的 Vaadin 8 应用程序中,我们有 2 个主题(一个深色和一个浅色),每个主题都有自己的 SASS/CSS 和一些共享属性。用户可以使用 setTheme() 方法进行切换。当点击切换按钮时,外观就发生了变化。在 Vaadin 12 中,Theming 采用了不同的方法,我正在努力寻找一种在 Vaadin 12 中实现此功能的好方法。

假设我们不想创建一个全新的主题,只想使用自定义的 LUMO。我可以通过@Theme Annotation 设置主题/变体。缺点:主题将在运行时固定。

我也可以编写一些代码来将变体应用于我的应用程序和组件。(如动态样式章节:https : //vaadin.com/docs/flow/element-api/tutorial-dynamic-styling.html )缺点:遍历每个元素并应用变体。

我现在的问题:

在运行时实现主题之间切换的最佳方法是什么?(定制的 Lumo 或任何其他主题的明暗变体)。

我是否只需创建 2 个包含 CSS 的 HTML 文件(为了兼容性),然后通过动态导入以某种方式覆盖当前使用的文件?

我希望我的问题很清楚,有人可以指出我正确的方向。

0 投票
2 回答
1738 浏览

uri - Vaadin Flow:如何获取当前 URI

我需要获取当前服务器名称以及存储在URI. 在 Vaadin 8 中,它可以通过以下方式访问Page

在 FlowPage中不包含此类信息: 在此处输入图像描述

Routerafaik也没有。


我如何获得URI

先感谢您。

0 投票
1 回答
150 浏览

vaadin - 带有 PolymerTemplate 的 LoginView 无法识别错误参数

我有一个 LoginView,我基本上是从 bakery starter 项目中复制的。

当我运行面包店应用程序并尝试使用错误的凭据登录时,会出现一个带有错误消息的附加 div。

但是,此错误消息 div 不会出现在我的视图中。从那以后,我已将模板改编为我们的企业设计,但我记得当这两个文件仍然是面包店应用程序的精确副本时LoginView.java,这个问题已经存在。login-view.html我仔细检查了 .error 不只是被我自己的 css 隐藏了 - DOM 中不存在 div.error 。

访问时调试LoginView /login?error(访问login?error=true也是一样)显示不识别任何queryParameters!--> 为什么?


我的应用程序调试: 调试截图


烘焙应用程序调试: 调试截图2


我的(Spring)安全配置在登录方面也是相同的:


编辑:根据评论中的要求,我将添加模板的相关部分。但是,错误 100% 不在模板中 - 正如我在调试中看到的那样,错误已经发生LoginView.java在 afterNavigation 方法中。