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

java - Vaadin 10+ 使用 Spring-Boot 2+ 上传组件

有没有人能够使 Vaadin 的Upload组件与 Spring Boot 一起使用?

诸如禁用 spring 的分段上传之类的解决方法对我不起作用。(通过我需要多部分)

这是我的项目 pom.xml 配置:

应用程序属性:

我试过 Vaadin 12、13 和你看到的 10.0.7

没有一个Upload听众被调用。

也许您可以推荐任何其他方式/组件来替代 Vaadin 的 UI 上传?

编辑:这是测试回购:https://github.com/zapphyre/vaadin-upload-test.git

谢谢

0 投票
1 回答
211 浏览

google-analytics - 如何将谷歌分析添加到 vaadin 应用程序?

我正在使用带有弹簧靴的 Vaadin 12。我想在我的页面上添加谷歌分析。代码如下所示:

如何将此添加到 Vaadin 的网页?我已经尝试使用注释@Inline,但它总是在那里放一些额外的东西。那么有没有办法将这些脚本放在 html 的头部?我只使用没有 HTML 页面的 java 类。

0 投票
1 回答
138 浏览

css - Vaadin:在页眉和页脚之间显示 RouterLink 视图

我有这个简单的布局:

顶部是页眉,底部是页脚。

在我想添加这个视图之间:

当我点击一个链接(或者当我使用路由'secured/ue')时,会显示这个视图:

问题是 UE 视图显示在“页脚”之后。

我尝试使用 css 来解决这个问题,但它不起作用:

我怎样才能做到这一点 ?显示页眉和页脚之间的视图??

0 投票
1 回答
464 浏览

polymer - 如果我在后端设置项目并创建聚合物模板,则没有显示 Vaadin-flow Grid 的数据

我在后端加载网格数据并在聚合物模板中创建列时遇到问题。列数正确,但不会显示任何数据。我真的会使用排序和过滤功能的 vaadin-grid-column 功能。有什么我错过的吗?我用 vaadin 12 和 13 试过。我也用 Spring-boot 2.1.0.RELEASE

订单列表视图.kt

orderlist-view.html:

那时看起来像这样 没有内容

但是如果我使用 TemplateRenderer 并在那里只有一些 div 数据将显示:

订单显示.html:

使用模板渲染器显示的数据

0 投票
1 回答
480 浏览

java - StreamResource 有时在关闭对话框窗口中单击下载按钮时找不到资源

我正在处理一个对话框,该对话框具有通过 StreamResource 动态生成的文件的下载链接,当用户单击下载按钮时,对话框应该关闭。很简单。但是,当用户打开对话框并单击下载按钮时,有时会成功下载创建的文件。问题是,在其他时候,用户在尝试下载创建的文件时可能会随机遇到“找不到资源/文件”错误消息。在重现问题的代码片段下方。

因此,用户有时可能会在按下下载时遇到资源未找到错误消息。

“找不到路径的资源”图像

有趣的是,如果我在 createInputStream() 方法中关闭对话框,我不会收到错误消息。下面举个例子。

现在,无论我点击下载按钮多少次,我都没有收到资源错误消息,并且对话框仍然按预期关闭。

我正在使用 Vaadin 13.0.1。

所以最后我有这个问题。 第一个代码片段不能 100% 工作,但第二个代码片段似乎可以,为什么?

0 投票
0 回答
330 浏览

vaadin - 包括 vaadin-combo-box-item 的样式

我正在尝试使用客户在 Vaadin Flow Combobox 中添加标志图标ComponentRenderer

图标来自flag-icon-css(参见此处),通过 gradle compile 依赖项“org.webjars.bowergithub.lipis:flag-icon-css:3.3.0”和@StyleSheet("frontend://bower_components/flag-icon-css/css/flag-icon.min.css")我的主布局类上的注释。在与ListBox组件不同的地方,图标按预期显示。但是,当在组合框中使用 via 时ComponentRenderer,没有任何显示。

检查 HTML,我看到<vaadin-combo-box-item>ComboBox 内将所有内容呈现在其阴影根下,而<vaadin-item>ListBox 内将其呈现为<slot>. 这是为什么?以及如何在组合框项目中使用标志图标 CSS 样式?

0 投票
1 回答
1519 浏览

vaadin - 如何在 vaadin 流中绑定枚举值?

在我使用 springboot 的 vaadin flow 项目中,我遇到了一个问题,即无法绑定带有组合框的枚举值。我在下面提供了我的代码。这里有人可以帮助我吗?

组合框实例化:

绑定代码:

0 投票
1 回答
764 浏览

textarea - Vaadin 13 TextArea Html 样式

我有两个文本区域。对于第一个我想让标签对齐行中心,对于第二列快速启动。我为他们每个人提供了自己的 ID,并为每个人创建了单独的 html 文件。但是当第一个 textarea 改变第二个像第一个一样的变化时,我不能给他们自己的标签对齐。

我怎样才能给每个自己的标签对齐?

0 投票
1 回答
930 浏览

vaadin - 如何集中处理 DataProvider 方法中抛出的异常

当 DataProvider 的 fetch 或 count 方法抛出异常时,例如因为用户未被授权,我如何集中处理这些异常?我知道HasErrorParameter当路由时抛出异常时,有界面可以显示错误视图。但是当 DataProvider 抛出异常时,并不会触发这些错误视图。

例子:

即使我try catch在 DataProvider 方法中执行操作,我也看不到如何仅通过使用捕获的异常而不是视图组件类来导航到适当的错误视图(这不会触发setErrorParameter方法)。

顺便说一句:我错过了 Vaadin Flow 13 文档中的路由器异常处理主题。我想知道他们为什么删除它。

0 投票
1 回答
398 浏览

java - 使用 vaadin 在基于 Spring 的项目中包含 css

尝试使用 spring boot 将简单的 css 文件包含到 vaadin 路由并拥有一个 maven 项目。当我在客户端加载页面时,出现此错误:

当我尝试访问上面的 url 时,我被重定向到这个 html 错误页面

这是我的代码:

这是我的项目结构:

  • 源代码
    • 主要的
      • 爪哇
        • ...
      • 资源
        • ...
      • 网络应用
        • 前端
          • css
            • msas_login_page.css

这是css文件内容: