我正在使用 vaadin 做一個項目，我是新手。我想在垂直布局中創建一個包含 2 或 3 列的表，并通過我的 Myqsl 數據庫獲取值。誰能幫忙解決這個問題。謝謝你的時間。
1 回答
回首憶惘然
TA貢獻1847條經驗 獲得超11個贊
示例示例：
import com.vaadin.flow.component.button.Button;
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;
@Route("")
public class VaadinUI extends VerticalLayout {
? ? private final CustomerService service;
? ? private Customer customer;
? ? private Grid<Customer> grid = new Grid<>(Customer.class);
? ? private TextField firstName = new TextField("First name");
? ? private TextField lastName = new TextField("Last name");
? ? private Button save = new Button("Save", e -> saveCustomer());
? ? public VaadinUI(CustomerService service) {
? ? ? ? this.service = service;
? ? ? ? grid.setColumns("firstName", "lastName");
? ? ? ? grid.addSelectionListener(e -> updateForm());
? ? ? ? add(grid, firstName, lastName, save);
? ? ? ? setMargin(true);
? ? ? ? setSpacing(true);
? ? ? ? updateGrid();
? ? }
? ? private void updateGrid() {
? ? ? ? grid.setItems(service.findAll());
? ? ? ? setFormVisible(false);
? ? }
? ? private void updateForm() {
? ? ? ? if (grid.asSingleSelect().isEmpty()) {
? ? ? ? ? ? setFormVisible(false);
? ? ? ? } else {
? ? ? ? ? ? customer = grid.asSingleSelect().getValue();
? ? ? ? ? ? Binder<Customer> binder = new Binder<>(Customer.class);
? ? ? ? ? ? binder.bindInstanceFields(this);
? ? ? ? ? ? binder.setBean(customer);
? ? ? ? ? ? setFormVisible(true);
? ? ? ? }
? ? }
? ? private void setFormVisible(boolean visible) {
? ? ? ? firstName.setVisible(visible);
? ? ? ? lastName.setVisible(visible);
? ? ? ? save.setVisible(visible);
? ? }
? ? private void saveCustomer() {
? ? ? ? service.update(customer);
? ? ? ? updateGrid();
? ? }
}
使用 WebUI 和 MySQL 實現 Vaadin 10 的完整示例：
https://github.com/alejandro-du/mysql-jdbc-vaadin/tree/vaadin10
添加回答
舉報
0/150
提交
取消