标签: vaadin-flow

如何将行索引列添加到网格中，该列不会按照用户对行进行排序？

该解决方案不得包括对任何聚合物模板的更改，而应在 java 中完成。

我想为我的 Vaadin 20 应用程序做自定义主题变体。为此，我将为可用的 Lumo CSS 变量提供自定义值，例如--lumo-base-color和--lumo-primary-color。问题是我找不到可用变量的广泛列表。

我的问题是：

1. 我在哪里可以找到所有可主题化的变量的列表？
2. 是否有一个很好的主题示例，其中设置了很多这些变量，我可以将其用作示例？

有什么想法为什么在生产环境中发布新的 Vaadin / Spring-Boot 应用程序时，Vaadin 不会在前端目录中渲染自定义 css，尽管它在调试模式下会渲染？

该应用程序是为生产而构建的，如下所示：

mvn install -Pproduction

然后运行生成的应用程序，如下所示：

java --enable-preview -jar target\app-1.0-SNAPSHOT.jar

通过 JAR 文件方法运行时，CSS 未在浏览器中正确应用。其他一切都很好。

当应用程序运行时如下：

mvn spring-boot:run 

所有页面均正确呈现。CSS 已正确加载。

在LoginView类中，CSS的导入如下：

@CssImport(value = "./views/login/login-view.css", themeFor = "vaadin-login-overlay-wrapper")

login-view.css 文件位于 [项目目录]\frontend\views\login-view.css

当运行 mvn spring-boot:run 时，CSS 文件被正确拾取，但是，当使用 JAR 方法运行时，则不然。我不确定这是否是设计使然，但我没有看到 css 文件存储在生成的 JAR 文件中的任何位置。

为了缓解这种情况，我尝试将前端文件放在 [project dir]\src\main\resources\META-INF\frontend 中，而不是默认位置 [project dir]\frontend 中，因为我在某处读到 CssImport 在 resources\ 内部查找通过 JAR 运行时的 META-INF\frontend 文件夹。当我将文件放在这个位置时，CSS 文件会合并到 JAR 中，并且可以从 http://localhost:8080/frontend/views/login/login-view.css 进行访问，但是可惜 LoginView 页面似乎仍然不存在渲染 CSS。

该应用程序最初是使用 Vaadin 应用程序构建器构建的。pom.xml 与默认的大致相同。我正在运行 Vaadin 19.0.7。提前致谢

我得到了一个简单的 StreamResource 示例，其中 SpringSecurityContext 在单击下载锚点时神秘消失。基本上，当单击下载锚点时，createInputStream会调用方法来创建下载文件，但是当执行此方法时，SecurityContext 为空。下面是重现该问题的简化示例。

public class HomeView extends VerticalLayout {

public HomeView() {
    Anchor anchor = new Anchor();
    anchor.add("DOWNLOAD");
    anchor.setHref(new StreamResource("file", () -> createInputStream()));
    add(anchor);
    // SecurityContext returns correct value and is not null.
    System.err.println(SecurityContextHolder.getContext());
    System.err.println("Thread name in constructor : " + Thread.currentThread().getName());
}

private InputStream createInputStream() {
    ByteArrayOutputStream outputStream = new ByteArrayOutputStream();
    try {
        outputStream.write("text".getBytes());
    } catch (IOException e) {
        e.printStackTrace();
    }
    // SecurityContextHolder.getContext() returns null here. Why?
    System.err.println(SecurityContextHolder.getContext());
    System.err.println("Thread name in createInputStream() : " …

我试图将我的 Vaadin14 项目运行到生产环境中，但我的应用程序找不到任何 vaadin 流组件。我有一个默认的 application.properties 和 POM，并从这里下载它https://vaadin.com/start/latest。我已经试过了，

删除节点模块 mvn clean mvn clean install -Pproduction mvn clean package -Pproduction

我收到这个错误

Failed to find the following imports in the `node_modules` tree:
  - @vaadin/flow-frontend/contextMenuConnector-es6.js
  - @vaadin/flow-frontend/comboBoxConnector.js
  - @vaadin/flow-frontend/gridConnector.js
  - @vaadin/flow-frontend/contextMenuConnector.js
  - @vaadin/flow-frontend/flow-component-renderer.js
  - @vaadin/flow-frontend/gridConnector-es6.js
  - @vaadin/flow-frontend/comboBoxConnector-es6.js
  - @vaadin/flow-frontend/vaadin-grid-flow-selection-column.js

如果构建失败，请检查是否安装了 npm 包。

修复构建删除node_modules目录以重置模块。此外，您可以运行npm install以修复node_modules树结构。

TIA

使用 Vaadin 22+

我正在尝试使用 LitRenderer 在 Vaadin 网格中显示一些动态 html。

以前可以使用现已弃用的 TemplateRenderer使用此 hack 来实现

var templateRenderer = TemplateRenderer.<Event>of("""
<div>
  <ul inner-h-t-m-l="[[item.html]]">
  
  </ul>
</div>
""").withProperty("html", item -> {
  String listItems = "";
  for (EventItem eventItem : item.getEventItems()) {
    listItems += "<li>"+eventItem.getValue()+"</li>";
  }
  return listItems;
});

/*
  Produces html like
  <div>
    <ul>
      <li>Thing 1</li>
      <li>Thing 3</li>
      <li>Thing 845</li>
    </ul>
  </div>
  */

这里重要的部分是设置包装元素的innerHTML。

有没有办法使用 LitRenderer 来做到这一点？我发现 Lit-Template 本身就有unsafeHTML 指令来实现这种目的。但我没有运气尝试让它或其他方法发挥作用。

谢谢

更新：2021.3.2 修复示例代码

我使用了Hello World Starters下载页面中的Plain Java starter 应用程序。

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns = "http://maven.apache.org/POM/4.0.0"
         xmlns:xsi = "http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation = "http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <groupId>com.example</groupId>
    <artifactId>project-base</artifactId>
    <name>Project base for Vaadin</name>
    <version>1.0-SNAPSHOT</version>
    <packaging>war</packaging>

    <properties>
        <maven.compiler.source>19</maven.compiler.source>
        <maven.compiler.target>19</maven.compiler.target>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
        <failOnMissingWebXml>false</failOnMissingWebXml>

        <vaadin.version>23.3.1</vaadin.version>
        <drivers.downloader.phase>pre-integration-test</drivers.downloader.phase>
    </properties>

    <repositories>
        <!-- The order of definitions matters. Explicitly defining central here to make sure it has the highest priority. -->
        <repository>
            <id>central</id>
            <url>https://repo.maven.apache.org/maven2</url>
            <snapshots>
                <enabled>false</enabled>
            </snapshots>
        </repository>
        <repository>
            <id>vaadin-prereleases</id> …