vaadin - 如何在 vaadin 网格中显示复选框而不是布尔值？

Question

我正在尝试将我的布尔值显示为 vaadin 网格中的复选框。我不能使用多选模式，因为我需要两列带有复选框。Checkboxes shell 的列有一个标题，但 Checkboxes 本身的 shell 没有标题。有人有想法吗？

Answer 1

我建议使用这个 repo https://github.com/vaadin/grid-renderers-collection-addon。该项目由 Vaadin 开发人员开发，它提供 CheckboxRenderer 类。您可以在演示中看到它，但使用它非常简单。

首先，您必须将存储库和依赖项添加到您的项目中。在 Maven 中，它看起来像这样：

...
<repositories>
    ...
    <repository>
        <id>vaadin-addons</id>
        <url>http://maven.vaadin.com/vaadin-addons</url>
    </repository>
</repositories>
...
<dependencies>
    ...
    <dependency>
        <groupId>com.vaadin</groupId>
        <artifactId>grid-renderers-collection-addon</artifactId>
        <version>0.94</version>
    </dependency>
</dependencies>
...

然后你可以像这样使用它：

grid.getColumn(columnName).setRenderer(new CheckboxRenderer());

您还可以轻松添加侦听器：

CheckboxRenderer renderer = new CheckboxRenderer();
grid.getColumn(columnName).setRenderer(renderer);
grid.getColumn(columnName).setHeaderCaption("");
renderer.addClickListener(e -> System.out.println("Hello listener!"));

Answer 2

如果您只需要一个只读复选框，这对我有用：

grid.getColumn("columnId").setRenderer(new HtmlRenderer(), new BooleanConverter());

HtmlRenderer 由 Vaadin 框架提供，布尔转换器如下所示：

public class BooleanConverter implements Converter<String, Boolean>
{   
  @Override
  public Boolean convertToModel(String value, Class<? extends Boolean> targetType, Locale locale) throws ConversionException
  {
    return null;
  }

  @Override
  public String convertToPresentation(Boolean value, Class<? extends String> targetType, Locale locale) throws ConversionException
  {
    return "<input type='checkbox' disabled='disabled'" + (value.booleanValue() ? " checked" : "") + " />";
  }

  @Override
  public Class<Boolean> getModelType()
  {
    return Boolean.class;
  }

  @Override
  public Class<String> getPresentationType()
  {
    return String.class;
  }
}

这将为您提供本机浏览器复选框，但不是 Vaadin CheckBox。

Answer 3

您必须为您的复选框添加生成的列

    GeneratedPropertyContainer gpcontainer = new GeneratedPropertyContainer(container);
    gpcontainer.addGeneratedProperty("columnName",
        new PropertyValueGenerator<CheckBox>() {
        @Override
        public CheckBox getValue(Item item, Object itemId,
                                Object propertyId) {

            // set checkBox listener etc. in here
            return new CheckBox();
        }

        @Override
        public Class<CheckBox> getType() {
            return CheckBox.class;
        }
    });

Grid grid = new Grid(gpcontainer);

您可以在此处的“GeneratedPropertyContainer”部分找到更详细的示例

https://vaadin.com/docs/-/part/framework/datamodel/datamodel-container.html#datamodel.container.gpc

编辑：还为您的列设置“ComponentRenderer”

mainGrid.addColumn(COLUMN).setRenderer(new ComponentRenderer())