问题标签 [vaadin14]

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

javascript - 如何从独立于 Vaadin View 的 JS 调用后端方法?

我有以下情况。Javascript 在前端执行并对事件做出反应。如果捕获到事件,则会调用特定的后端方法。

我像下面这样初始化后端。在初始化我的Vaadin 14视图之一期间调用该方法。

看法:

window.element.$server.onTestEvent();稍后在前端调用方法。

调用的后端方法:

现在的问题:

我将视图传递为element.

如果我更改视图,element我传递的视图将被销毁,因此即使在前端捕获事件(在后端)也无法执行。

Vaadin 14是否提供了一种在所有视图上“全局”存储对象的方法?我希望应用程序独立于我当前访问的视图对事件做出反应。

0 投票
1 回答
630 浏览

javascript - Vaadin 14:调整窗口大小后调整 TextArea 的大小

使用 Vaadin 14.1.19 和 Vaadin“我的入门项目”-项目我试图创建一个多行 TextArea。乍一看它工作正常,但在调整 TextArea 大小时,它不适应行数。这是我的代码:

当我用一个宽阔的窗口打开视图时,它看起来像这样很好:

Vaadin 14.1.19 TextArea 在宽屏幕上有很多文本

当我调整窗口大小时,它看起来不像这样,因为只有文本的开头是可读的。我什至无法在 TextAreas 内滚动。

Vaadin 14.1.19 TextArea 在小屏幕上有很多文本

只有 DIV 按我预期的方式调整大小。

如何让 Vaadin 的 TextArea 在窗口调整大小时调整大小?

0 投票
1 回答
227 浏览

java - Vaadin 14 时间选择器 - 居中对齐

Vaadin 14(.1.19) 附带了这个时间选择器组件:https ://vaadin.com/components/vaadin-time-picker/java-examples

这是它的样子(当它是只读的时候):

Vaadin Time Picker 组件正常

我怎样才能让这个时间选择器显示像这样居中的时间(这是浏览器中手动操作的屏幕截图(直接在嵌入式输入字段中设置 text-align:center),而不是编程解决方案)?

文本居中的 Vaadin 时间选择器组件

我试图在 Java 代码中设置 text-align 属性但没有效果:

我搜索了一个主题变体。但这似乎只存在于 TextFields 和派生字段:

0 投票
1 回答
74 浏览

java - 如何将 MainView 注册到另一个 View 触发的 ComponentEvent?

如何将 MainView 注册到另一个 View 触发的事件?

我已经尝试过ComponentUtil.addListener()但它对我不起作用。另一方面,我什至不确定是否在 MainView 可以注册到事件时创建了触发事件的视图?

申请流程:

打开应用程序 -> MainView-> 如果用户未通过身份验证,则重新路由 -> LoginView-> SuccessfulAuthenticationEvent->MainViewSuccessfulAuthenticationEvent触发的响应做出反应LoginView

事件:

主视图:

登录视图:

0 投票
1 回答
584 浏览

gradle - Vaadin Gradle 插件:任务 vaadinBuildFrontend 失败并出现依赖错误

我的应用程序基于 Spring Boot 2.2.5,包括 Vaadin 14。该项目是使用 Gradle 5.6.4 构建的,使用Vaadin Gradle Plugin 0.6.0

Jenkins 构建管道失败并出现以下错误:

这是我的文物...

构建.gradle

詹金斯文件

0 投票
1 回答
665 浏览

java - Vaadin 14 Upload - 当用户在选择文件对话框中单击取消按钮时如何捕获事件

我已经尝试了所有现有的侦听器,但没有人能捕捉到这种类型的事件。

用户点击uploadButton,按钮现在被禁用。然后在系统选择文件对话框中,用户单击取消按钮而不是选择文件。对话框已关闭,未触发任何事件,uploadButton 仍处于禁用状态。我想在按下取消按钮并启用uploadButton 时捕获事件。

0 投票
1 回答
187 浏览

java - 如何在 Vaadin 14 中禁用移动模式?

我在 Vaadin 14 中制作了一个网页。但它是我自己的主题。不应该那样做。反正!页面已完成,令人惊叹!仅在常规桌面视图上。

对于移动使用,对于每部手机来说,它看起来都像是垃圾。我曾尝试使用 CSS 来掩盖它,但对于每个新屏幕都失败了。

所以我想在 Vaadin 14 中禁用响应移动模式。无论如何,我对常规桌面视图很满意!那么我该怎么做呢?

0 投票
1 回答
74 浏览

spring-boot - Vaadin BeanCreationException: during trying to call save method of my service class

Hi I have a little Vaadin project. In there, I've a UserUtils.class which has a createNewUser method which looks like this:

LoginView:

UserUtils.class:

UserService.class:

UserEntity.class:

UserRepository.class

And always when it comes to the situtation, trying to call the userService methods, then it throws the following exception:

I tried to create a default constructor, at the entity and also at the service class but nothing want help.

So far, Daniel

0 投票
2 回答
269 浏览

java - 验证 vaadin 组合框自定义输入(仅限整数)

我有一个带有组合框的输入表单,它显示整数值。我希望用户能够向此组合框添加新的整数值。我需要验证输入是否只是数字(而不是字母) - 如果它不是一个有效的整数,我想显示一条错误消息。

对于文本字段,我很快就明白了——即使输入“错误”输入,我也会收到一条错误消息!但是我找不到与 addCustomValueSetListener 结合使用的组合框的解决方案。

我正在使用 Vaadin 14.1.21 和 Java JDK+JRE 1.8。

现在,如果我输入带有字母的自定义值,我不会在框下方显示错误消息,并且当我想“保存”它/将其存储在数据库中时,它只是默默地忽略输入值。

0 投票
1 回答
52 浏览

java - 如果我使用手机,是否可以导航到 Vaadin 中的另一个页面?

我想在 vaadin 中制作一个仅供移动使用的特殊页面。

假设我当前的主机页面是 localhost:8080. 如果我使用我的手机,那么我将首先被导航到 m.localhost:8080(或者可能localhost:8080/m)。

那可能吗?

我的移动页面将是我正确页面的简化页面。