问题标签 [vaadin21]

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 回答
68 浏览

vaadin - 无法使 Vaadin Tree Grid 与文件系统数据提供程序一起使用

我有一个要求,其中我需要显示一个包含用户主文件夹层次结构的树,包括文件和文件夹。为此,我一直在尝试使用 Vaadin TreeGrid 和 FileSystemDataProvider

我正在使用 Vaadin 21.0.0 并使用此依赖项

相同的代码如下

但是,treegrid 在运行程序时显示空白(不显示树结构)。需要你的帮助,我可能做错了什么

0 投票
1 回答
47 浏览

vaadin - Vaadin 21 中的 ComboBox 不显示任何项目

我正在尝试使用带有 Vaadin 21 的 ComboBox。即使我使用了不同的填充变体,组合框也不会填充项目。也未设置占位符。ComboBox 仍然带有虚线轮廓(我猜这意味着禁用)。

实体看起来像这样:

该属性是瞬态的,因为在我的实际类中,我对值做了一些事情并将其保存到另一个属性,但是它是瞬态的这一事实与问题无关,我已经尝试过了。

0 投票
2 回答
65 浏览

gwt - 在 vaadin 21 中使用现有的 GWT 组件

我们有一个预先存在的 (vaadin 7) gwt 组件,我们希望将其引入 vaadin 21。

我们不想使用多平台运行时,因为定价过高。

最后,gwt 组件只是编译为 javascript,所以必须有某种方式将其连接到 vaadin 21?

该组件非常重要,因此我们希望避免重新开发它。

0 投票
0 回答
68 浏览

vaadin - Vaadin 21:在区域设置更改时使用 ItemLabelGenerator 重新翻译列

在 Vaadin 21 应用程序中,我有一个网格,其中有一列表示枚举。翻译是这样完成的:

这会在视图加载时转换列中的枚举值。

我刚刚添加了一个组合框来更改语言环境并使用标签注册所有组件,...通过实现如下接口LocaleChangeObserver

气味重新设置ItemLabelGenerator组合框再次感觉有点奇怪,但有效。

问题如何重新翻译列中的所有项目?那么什么是正确的替代myColumn.reTranslateAllItems()(见上文)?

0 投票
1 回答
51 浏览

vaadin - 当 SelectionMode 为 MULTI 时,隐藏 Flow 组件网格中的“全选”复选框(Vaadin 21)

当您在 Vaadin v21 中创建 Grid 组件并切换到多选模式时,顶部有一个“全选”复选框。怎么能禁用它?网格的默认行为似乎不同,因此 Vaadin 版本之间的解决方案也不同。

0 投票
1 回答
52 浏览

vaadin - Vaadin 21 流。NumberField 宽度与 NumberField 输入字段宽度

如何为输入字段设置与NumberField该字段的标签或助手不同的宽度(更短)。

0 投票
1 回答
86 浏览

java - 如何在 Vaadin 21 网格中预先选择项目?选择不显示在 UI 中

我已经定义了一个实现BeforeEnterObserver. 在该beforeEnter方法中,我从数据库加载一个对象实例。该实例与其他对象有关系。同样在这个方法中,我调用了另一个 Layout 的方法,它设置 bean 并尝试在 Grid 中预选项目:

最后一行用于调试。我可以看到,已加载的 bean 正在正确选择相关实例。

Grid 在布局内它自己的类中定义,具有多选且没有全选复选框和搜索字段:

Grid 布局被注入到表单视图中,表单视图被注入到编辑视图中。

现在在浏览器中显示编辑视图时,不会检查网格中的相关对象。我在编辑视图中配置了一个按钮,以显示所选项目,用于调试目的:

如果我单击该按钮,它会正确显示相关人员的姓名。如果我然后选择另一个人并再次单击,它会正确地将两个选定的人显示为通知,但在网格中只选择了第二个。

表单的字段已正确填写,如上所示,我之后直接处理关系。

我也尝试启用推送模式

这不会改变网格的行为。

为了简单起见,在和大图讨论之后,我做了一个测试视图。同样的问题仍然存在。

我还尝试转移到buildView()构造函数和. 问题仍然存在。binder.setBean(event)updateView()

我在这里缺少什么或者这是一个错误?

0 投票
1 回答
73 浏览

java - 如何在 JavaFX WebView 中监听 Vaadin 组件事件?

我使用 Vaadin Flow(Vaadin 版本 21)创建了一个带有保存按钮的表单。然后,此表单显示在 JavaFX WebView(版本 17.0.1)中,现在我想以 JavaFX 的保存按钮等形式收听事件,因此我可以更新应用程序的 JavaFX 部分。我见过这样的例子:

如何从 JavaFX 中的 HTML webview 中检索组件

但它们不起作用,因为doc.getElementById("xxx")根本不起作用并返回 null。如果我使用那里描述的 xpath 方法,我确实得到了按钮元素,但是通过调用添加侦听器

没有帮助。当我单击按钮时,Vaadin 侦听器工作,但“javafx”侦听器没有收到事件。

所以我的问题是这个用例是否有已知的解决方案?

0 投票
1 回答
114 浏览

vaadin - Vaadin 21:在区域设置更改时更改网格中 LocalDateTimeRenderer 的日期格式

情况和问题,简短

LocalDateTimeRendererVaadin 21 中,即使 Vaadin 会话中的 Locale 更改为 eg ,也会在德语浏览器中显示德语日期Locale.UK

情况和问题,长/详细

在 Vaadin 21Grid中,我有一个 LocalDateTime 列。它是为实体类型创建的T

Locale当我通过调用整个应用程序更改会话时,将UI.getCurrent().getSession().setLocale(locale);其翻译成新语言,而不是LocalDateTime-column 的内容。

Grid通过调用刷新整体grid.getDataProvider().refreshAll()(参见此处Vaadin 21: re-translate column with ItemLabelGenerator on locale change)导致ValueProvider上面代码示例LocalDateTime中的(这是意外行为)。

因此,即使会话中的语言环境是英语 / Locale.UK,该LocalDateTime值也采用德语格式,如下所示: 在此处输入图像描述

像这样使用本地化的 DateTimeFormatterLocalDateTimeRenderer<T> renderer = new LocalDateTimeRenderer(getter, DateTimeFormatter.ofLocalizedDateTime(FormatStyle.FULL, FormatStyle.SHORT));也无济于事:风格不同,但月份仍被翻译成德语。

解决方法

使用自定义TextRenderer作品(=LocalDateTime使用会话的语言环境翻译列内容):

问题

是否有一些技巧可以使用 Vaadins 获得相同的结果LocalDateTimeRenderer

0 投票
1 回答
50 浏览

vaadin - Vaadin 21 中的 GridRowDragger 不见了?

我想在 Vaadin 21 中使用这个“网格中行的拖放重新排序”代码:https ://demo.vaadin.com/sampler/#ui/drag-drop/grid-reorder-rows-html5

com.vaadin.ui.components.grid.GridRowDragger<T>不幸的是,我在 Vaadin 21 中找不到课程。

有没有替代品/替代品?