Examples with GridPro com.vaadin.flow.component.gridpro.GridPro used on opensource projects

Example 1 with GridPro

use of com.vaadin.flow.component.gridpro.GridPro in project flow-components by vaadin.

the class MainView method createBeanGridWithEditColumns.

protected void createBeanGridWithEditColumns() {
    GridPro<Person> beanGrid = new GridPro<>(Person.class);
    beanGrid.setColumns();
    beanGrid.setItems(createItems());
    beanGrid.addEditColumn("age").text((item, newValue) -> item.setAge(Integer.valueOf(newValue)));
    TextField textField = new TextField();
    beanGrid.addEditColumn("name").custom(textField, (item, newValue) -> item.setName(newValue));
    List<String> listOptions = new ArrayList<>();
    listOptions.add("Services");
    listOptions.add("Marketing");
    listOptions.add("Sales");
    beanGrid.addEditColumn("department").select((item, newValue) -> {
        item.setDepartment(fromStringRepresentation((newValue)));
    }, listOptions).setHeader("Department").setWidth("300px");
    add(beanGrid);
}

Example 2 with GridPro

use of com.vaadin.flow.component.gridpro.GridPro in project flow-components by vaadin.

the class MainView method createEditorColumns.

protected void createEditorColumns() {
    Div itemDisplayPanel = new Div();
    Div subPropertyDisplayPanel = new Div();
    subPropertyDisplayPanel.setId("prop-panel");
    Div eventsPanel = new Div();
    eventsPanel.setId("events-panel");
    GridPro<Person> grid = new GridPro<>();
    Button disableGrid = new Button("Disable Grid");
    disableGrid.setId("disable-grid-id");
    List<City> cityList = createCityItems();
    List<Person> personList = createItems();
    mapLists(personList, cityList);
    grid.setItems(personList);
    grid.addCellEditStartedListener(e -> eventsPanel.add(e.getItem().toString()));
    grid.addColumn(Person::getAge).setHeader("Age");
    grid.addEditColumn(Person::getName, "name").text((item, newValue) -> {
        item.setName(newValue);
        itemDisplayPanel.setText(item.toString());
        subPropertyDisplayPanel.setText(newValue);
    }).setHeader("Name").setWidth("300px");
    ComboBox<Department> cb = new ComboBox<>();
    cb.setItems(Department.values());
    grid.addEditColumn(Person::getDepartment).custom(cb, (item, newValue) -> {
        item.setDepartment(newValue);
        itemDisplayPanel.setText(item.toString());
        subPropertyDisplayPanel.setText(String.valueOf(newValue));
    }).setHeader("Department").setWidth("300px");
    ComponentRenderer<Span, Person> booleanRenderer = new ComponentRenderer<>(person -> new Span(person.isSubscriber() ? "Yes" : "No"));
    grid.addEditColumn(Person::isSubscriber, booleanRenderer).checkbox((item, newValue) -> {
        item.setSubscriber(newValue);
        itemDisplayPanel.setText(item.toString());
        subPropertyDisplayPanel.setText(newValue.toString());
    }).setHeader("Subscriber").setWidth("300px");
    ComboBox<City> cityCb = new ComboBox<>();
    cityCb.setItems(cityList);
    cityCb.setItemLabelGenerator(City::getName);
    ComponentRenderer<Span, Person> cityRenderer = new ComponentRenderer<>(person -> {
        if (person.getCity() != null) {
            return new Span(person.getCity().getName());
        } else {
            return new Span("");
        }
    });
    grid.addEditColumn(Person::getCity, cityRenderer).custom(cityCb, (item, newValue) -> {
        item.setCity(newValue);
        newValue.setPerson(item);
        itemDisplayPanel.setText(item.toString());
        subPropertyDisplayPanel.setText(newValue.toString());
    }).setHeader("City").setWidth("300px");
    Input customField = new Input();
    grid.addEditColumn(Person::getEmail).custom(customField, (item, newValue) -> item.setEmail(newValue)).setHeader("Email").setWidth("300px");
    disableGrid.addClickListener(click -> grid.setEnabled(false));
    add(grid, itemDisplayPanel, subPropertyDisplayPanel, eventsPanel, disableGrid);
}