如何使用网格的 setItems 将数据添加到 Vaadin 中的 CRUD？

Question

我将向 Vaadin 中的 CRUD 组件添加数据。这是一个简单的问题。但我遇到的问题是我无法通过首先获取 grid 对象然后将其项目设置到它来向 CRUD 添加数据。

这是我的 Vaadin class。此 class 首先开始从 JPA Spring 数据库获取数据。好的。那是作品。并将数据传输到名为 crudData 的集合中。然后 crudData 被设置为 crud.getGrid().setItems(crudData); 并且那是行不通的。我假设如果我从 CRUD 中获取网格，那么我也可以设置网格项，然后它们将显示在 CRUD 上....但是没有...

@Data
public class StocksCrud {

    private Crud<StockNames> crud;

    private List<StockNames> crudData;

    private StockNamesRepository stockNamesRepository;


    private CrudEditor<StockNames> createStocksEditor() {
        TextField stockName = new TextField("Name of the stock");
        FormLayout form = new FormLayout(stockName);

        Binder<StockNames> binder = new Binder<>(StockNames.class);
        binder.bind(stockName, StockNames::getStockName, StockNames::setStockName);

        return new BinderCrudEditor<>(binder, form);
    }

    public StocksCrud(StockNamesRepository stockNamesRepository) {
        this.stockNamesRepository = stockNamesRepository;

        // Fill the crud
        crudData = new ArrayList<StockNames>();
        for(StockNames stockName: stockNamesRepository.findAll()) {
            crudData.add(new StockNames(stockName.getId(), stockName.getStockName()));
        }

        // Crate crud table
        crud = new Crud<>(StockNames.class, createStocksEditor());
        crud.getGrid().setItems(crudData); // This won't work
        crud.addSaveListener(e -> saveStock(e.getItem()));
        crud.addDeleteListener(e -> deleteStock(e.getItem()));
        crud.getGrid().removeColumnByKey("id");
        crud.addThemeVariants(CrudVariant.NO_BORDER);
    }

    private void deleteStock(StockNames stockNames) {
        boolean exist = stockNamesRepository.existsBystockName(stockNames.getStockName());
        if(exist == true) {
            crudData.remove(stockNames);
            stockNamesRepository.delete(stockNames);
        }
    }

    private void saveStock(StockNames stockNames) {
        System.out.println(stockNames == null);
        System.out.println(stockNamesRepository == null);
        boolean exist = stockNamesRepository.existsBystockName(stockNames.getStockName());
        if(exist == false) {
            crudData.add(stockNames);
            stockNamesRepository.save(stockNames);
        }
    }   

}

这是我的错误输出：

java.lang.ClassCastException: com.vaadin.flow.component.crud.CrudFilter cannot be cast to com.vaadin.flow.function.SerializablePredicate

我知道有一种方法可以使用数据提供程序 class 在 Vaadin 中将数据设置为 CRUD。但我不想用那个。这是......太多的代码。我想保持干净并在 Java 中编写更少的代码。底部示例：https://vaadin.com/components/vaadin-crud/java-examples

@Entity
@Data
@NoArgsConstructor
public class StockNames implements Cloneable{
    @Id
    @GeneratedValue(strategy = GenerationType.AUTO)
    private int id;
    private String stockName;

    public StockNames(int id, String stockName) {
        this.id = id;
        this.stockName = stockName;
    }
}

更新：

现在这是我的代码

@Data
public class StocksCrud {

    private Crud<StockNames> crud;

    private List<StockNames> crudData;

    private StockNamesRepository stockNamesRepository;


    private CrudEditor<StockNames> createStocksEditor() {
        TextField stockName = new TextField("Name of the stock");
        FormLayout form = new FormLayout(stockName);

        Binder<StockNames> binder = new Binder<>(StockNames.class);
        binder.bind(stockName, StockNames::getStockName, StockNames::setStockName);

        return new BinderCrudEditor<>(binder, form);
    }

    public StocksCrud(StockNamesRepository stockNamesRepository) {
        this.stockNamesRepository = stockNamesRepository;

        // Fill the crud
        crudData = new ArrayList<StockNames>();
        for(StockNames stockName: stockNamesRepository.findAll()) {
            crudData.add(new StockNames(stockName.getId(), stockName.getStockName()));
        }

        // Create grid
        Grid<StockNames> grid = new Grid<StockNames>();
        grid.setItems(crudData);

        // Crate crud table
        crud = new Crud<>(StockNames.class, createStocksEditor());
        crud.setGrid(grid);
        crud.addSaveListener(e -> saveStock(e.getItem()));
        crud.addDeleteListener(e -> deleteStock(e.getItem()));
        //crud.getGrid().removeColumnByKey("id");
        crud.addThemeVariants(CrudVariant.NO_BORDER);
    }

    private void deleteStock(StockNames stockNames) {
        boolean exist = stockNamesRepository.existsBystockName(stockNames.getStockName());
        if(exist == true) {
            crudData.remove(stockNames);
            stockNamesRepository.delete(stockNames);
        }
    }

    private void saveStock(StockNames stockNames) {
        System.out.println(stockNames == null);
        System.out.println(stockNamesRepository == null);
        boolean exist = stockNamesRepository.existsBystockName(stockNames.getStockName());
        if(exist == false) {
            crudData.add(stockNames);
            stockNamesRepository.save(stockNames);
        }
    }   

}

更新二：

这会出错。

// Create grid
        Grid<StockNames> grid = new Grid<StockNames>();
        StockNames s1 = new StockNames(1, "HELLO");
        crudData.add(s1);
        grid.setItems(crudData);

        // Crate crud table
        crud = new Crud<>(StockNames.class, createStocksEditor());
        crud.setGrid(grid);
        crud.addSaveListener(e -> saveStock(e.getItem()));
        crud.addDeleteListener(e -> deleteStock(e.getItem()));
        crud.getGrid().removeColumnByKey(grid.getColumns().get(0).getKey());
        crud.addThemeVariants(CrudVariant.NO_BORDER);

错误是：

 java.lang.IndexOutOfBoundsException: Index: 0, Size: 0'

什么？我刚刚添加了一个对象。

Answer 1

分配网格解决了问题

 Grid<StockNames> grid=new Grid<>(StockNames.class);
 crud = new Crud<>(StockNames.class,grid, createStocksEditor());

在您的代码示例中，您依赖于 Crud 提供的默认实现，因此 CrudGrid is getting created. Its setDataProvider returns DataProvider<E,CrudFilter>，而 Grid 的 DataProvider 类型为：AbstractDataProvider<T, SerializablePredicate<T>>（这是因为您正在使用扩展 AbstractDataProvider<T, SerializablePredicate<T>> 的 ListDataProvider）。这是错误状态：

java.lang.ClassCastException: com.vaadin.flow.component.crud.CrudFilter cannot be cast to com.vaadin.flow.function.SerializablePredicate

因此，如果您想通过网格分配值，您首先需要创建一个。否则，如文档中所示，您可以提供自定义数据提供程序：PersonDataProvider

更新

这是我正在使用的示例代码。在我向 bean 添加无参数构造函数后，在 Crud 中添加一个新项目：

import java.util.Random;

public class StockNames implements Cloneable{
    Random rnd=new Random();
    private int id;
    private String stockName;

    public StockNames(){
        //You will an id generated automatically for you, but here is just an example
        id=rnd.nextInt(12000);

    }

    public StockNames(int id, String stockName) {
        this.id = id;
        this.stockName = stockName;
    }

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public String getStockName() {
        return stockName;
    }

    public void setStockName(String stockName) {
        this.stockName = stockName;
    }
}

和 StockCrud class:

import com.vaadin.flow.component.crud.*;
import com.vaadin.flow.component.formlayout.FormLayout;
import com.vaadin.flow.component.grid.Grid;
import com.vaadin.flow.component.orderedlayout.VerticalLayout;
import com.vaadin.flow.component.textfield.TextField;
import com.vaadin.flow.data.binder.Binder;
import com.vaadin.flow.router.Route;

import java.util.ArrayList;
import java.util.List;

@Route("crudLayout")
public class StockCrud extends VerticalLayout {

    private Crud<StockNames> crud;

    private List<StockNames> crudData;


    private CrudEditor<StockNames> createStocksEditor() {
        TextField stockName = new TextField("Name of the stock");
        FormLayout form = new FormLayout(stockName);

        Binder<StockNames> binder = new Binder<>(StockNames.class);
        binder.bind(stockName, StockNames::getStockName, StockNames::setStockName);

        return new BinderCrudEditor<>(binder, form);
    }

    public StockCrud() {

        // Fill the crud
        crudData = new ArrayList<StockNames>();
        for(int i=0;i<150;i++) {
            crudData.add(new StockNames(i,"Name " + i));
        }

        // Crate crud table
        Grid<StockNames> grid=new Grid<>(StockNames.class);
        crud = new Crud<>(StockNames.class,grid, createStocksEditor());
        //((CrudGrid )crud.getGrid()).setItems(crudData);
        crud.getGrid().setItems(crudData); // This won't work
        crud.addSaveListener(e -> saveStock(e.getItem()));
        crud.addDeleteListener(e -> deleteStock(e.getItem()));
       // crud.getGrid().removeColumnByKey("id");
        crud.addThemeVariants(CrudVariant.NO_BORDER);
        add(crud);
    }

    private void deleteStock(StockNames stockNames) {
       // if(crudData.contains(stockNames)) {
            crudData.remove(stockNames);
        //}
    }

    private void saveStock(StockNames stockNames) {
        System.out.println(stockNames == null);
        if(!crudData.contains(stockNames)) {
            crudData.add(stockNames);
        }
    }

}

如何使用网格的 setItems 将数据添加到 Vaadin 中的 CRUD？

How can I add data to CRUD in Vaadin by using setItems for grid?

spring

jpa

crud

vaadin