Examples with Editor com.vaadin.flow.component.grid.editor.Editor used on opensource projects

Example 1 with Editor

use of com.vaadin.flow.component.grid.editor.Editor in project flow-components by vaadin.

the class GridViewEditorPage method createBufferedEditor.

private void createBufferedEditor() {
    Div message = new Div();
    message.setId("buffered-editor-msg");
    Grid<Person> grid = new Grid<>();
    List<Person> persons = getItems();
    grid.setItems(persons);
    Column<Person> nameColumn = grid.addColumn(Person::getFirstName).setHeader("Name");
    Column<Person> subscriberColumn = grid.addColumn(Person::isSubscriber).setHeader("Subscriber");
    Binder<Person> binder = new Binder<>(Person.class);
    Editor<Person> editor = grid.getEditor();
    editor.setBinder(binder);
    editor.setBuffered(true);
    Div validationStatus = new Div();
    validationStatus.setId("validation");
    TextField field = new TextField();
    binder.forField(field).withValidator(name -> name.startsWith("Person"), "Name should start with Person").withStatusLabel(validationStatus).bind("firstName");
    nameColumn.setEditorComponent(field);
    Checkbox checkbox = new Checkbox();
    binder.bind(checkbox, "subscriber");
    subscriberColumn.setEditorComponent(checkbox);
    Collection<Button> editButtons = Collections.newSetFromMap(new WeakHashMap<>());
    Column<Person> editorColumn = grid.addComponentColumn(person -> {
        Button edit = new Button("Edit");
        edit.addClassName("edit");
        edit.addClickListener(e -> {
            editor.editItem(person);
            field.focus();
        });
        edit.setEnabled(!editor.isOpen());
        editButtons.add(edit);
        return edit;
    });
    editor.addOpenListener(e -> editButtons.stream().forEach(button -> button.setEnabled(!editor.isOpen())));
    editor.addCloseListener(e -> editButtons.stream().forEach(button -> button.setEnabled(!editor.isOpen())));
    Button save = new Button("Save", e -> editor.save());
    save.addClassName("save");
    Button cancel = new Button("Cancel", e -> editor.cancel());
    cancel.addClassName("cancel");
    // Add a keypress listener that listens for an escape key up event.
    // Note! some browsers return key as Escape and some as Esc
    grid.getElement().addEventListener("keyup", event -> editor.cancel()).setFilter("event.key === 'Escape' || event.key === 'Esc'");
    Div buttons = new Div(save, cancel);
    editorColumn.setEditorComponent(buttons);
    editor.addSaveListener(event -> message.setText(event.getItem().getFirstName() + ", " + event.getItem().isSubscriber()));
    grid.setId("buffered-editor");
    addCard("Grid Editor", "Editor in Buffered Mode", message, validationStatus, grid);
}

Example 2 with Editor

use of com.vaadin.flow.component.grid.editor.Editor in project flow-components by vaadin.

the class GridViewEditorPage method createNotBufferedDynamicEditor.

private void createNotBufferedDynamicEditor() {
    Div message = new Div();
    message.setId("not-buffered-dynamic-editor-msg");
    Grid<Person> grid = new Grid<>();
    List<Person> persons = new ArrayList<>();
    persons.addAll(createItems());
    grid.setItems(persons);
    Column<Person> nameColumn = grid.addColumn(Person::getFirstName).setHeader("Name");
    Column<Person> subscriberColumn = grid.addColumn(Person::isSubscriber).setHeader("Subscriber");
    Column<Person> emailColumn = grid.addColumn(Person::getEmail).setHeader("E-mail");
    Binder<Person> binder = new Binder<>(Person.class);
    Editor<Person> editor = grid.getEditor();
    editor.setBinder(binder);
    TextField field = new TextField();
    // Close the editor in case of backward navigation between components
    field.getElement().addEventListener("keydown", event -> grid.getEditor().closeEditor()).setFilter("event.key === 'Tab' && event.shiftKey");
    binder.bind(field, "firstName");
    nameColumn.setEditorComponent(field);
    Checkbox checkbox = new Checkbox();
    binder.bind(checkbox, "subscriber");
    subscriberColumn.setEditorComponent(checkbox);
    // Close the editor in case of forward navigation between components
    checkbox.getElement().addEventListener("keydown", event -> {
        if (!checkbox.getValue()) {
            grid.getEditor().closeEditor();
        }
    }).setFilter("event.key === 'Tab' && !event.shiftKey");
    TextField emailField = new TextField();
    emailColumn.setEditorComponent(item -> {
        if (item.isSubscriber()) {
            binder.bind(emailField, "email");
            return emailField;
        } else {
            return null;
        }
    });
    // Close the editor in case of forward navigation between components
    emailField.getElement().addEventListener("keydown", event -> grid.getEditor().closeEditor()).setFilter("event.key === 'Tab' && !event.shiftKey");
    grid.addItemDoubleClickListener(event -> {
        grid.getEditor().editItem(event.getItem());
        field.focus();
    });
    // Re-validates the editors every time something changes on the Binder.
    // This is needed for the email column to turn into nothing when the
    // checkbox is deselected, for example.
    binder.addValueChangeListener(event -> {
        // Only updates from the client-side should be taken into account
        if (event.isFromClient()) {
            grid.getEditor().refresh();
        }
    });
    grid.addItemClickListener(event -> {
        if (binder.getBean() != null) {
            message.setText(binder.getBean().getFirstName() + ", " + binder.getBean().isSubscriber() + ", " + binder.getBean().getEmail());
        }
    });
    grid.setId("not-buffered-dynamic-editor");
    addCard("Grid Editor", "Dynamic Editor in Not Buffered Mode", message, grid);
}

Example 3 with Editor

use of com.vaadin.flow.component.grid.editor.Editor in project flow-components by vaadin.

the class GridViewEditorPage method createNotBufferedEditor.

private void createNotBufferedEditor() {
    Div message = new Div();
    message.setId("not-buffered-editor-msg");
    Grid<Person> grid = new Grid<>();
    List<Person> persons = getItems();
    grid.setItems(persons);
    Column<Person> nameColumn = grid.addColumn(Person::getFirstName).setHeader("Name");
    Column<Person> subscriberColumn = grid.addColumn(Person::isSubscriber).setHeader("Subscriber");
    Binder<Person> binder = new Binder<>(Person.class);
    grid.getEditor().setBinder(binder);
    TextField field = new TextField();
    // Close the editor in case of backward between components
    field.getElement().addEventListener("keydown", event -> grid.getEditor().closeEditor()).setFilter("event.key === 'Tab' && event.shiftKey");
    binder.bind(field, "firstName");
    nameColumn.setEditorComponent(field);
    Checkbox checkbox = new Checkbox();
    binder.bind(checkbox, "subscriber");
    subscriberColumn.setEditorComponent(checkbox);
    // Close the editor in case of forward navigation between
    checkbox.getElement().addEventListener("keydown", event -> grid.getEditor().closeEditor()).setFilter("event.key === 'Tab' && !event.shiftKey");
    grid.addItemDoubleClickListener(event -> {
        grid.getEditor().editItem(event.getItem());
        field.focus();
    });
    grid.addItemClickListener(event -> {
        if (binder.getBean() != null) {
            message.setText(binder.getBean().getFirstName() + ", " + binder.getBean().isSubscriber());
        }
    });
    grid.setId("not-buffered-editor");
    addCard("Grid Editor", "Editor in Not Buffered Mode", message, grid);
}

Example 4 with Editor

use of com.vaadin.flow.component.grid.editor.Editor in project furms by unity-idm.

the class SitesView method updateAction.

private void updateAction(Editor<SiteGridItem> siteEditor) {
    if (siteEditor.getBinder().isValid()) {
        Optional<Component> component = siteEditor.getGrid().getColumnByKey("name").getEditorComponent().getChildren().filter(c -> c instanceof TextField).findFirst();
        if (component.isPresent()) {
            TextField name = component.map(c -> (TextField) c).get();
            try {
                siteService.update(Site.builder().id(siteEditor.getItem().getId()).name(name.getValue()).build());
                siteEditor.cancel();
                refreshGrid(siteEditor);
                showSuccessNotification(getTranslation("view.sites.form.save.success"));
            } catch (DuplicatedNameValidationError e) {
                name.setErrorMessage(getTranslation("view.sites.form.error.validation.field.name.unique"));
                name.setInvalid(true);
            } catch (RuntimeException e) {
                LOG.warn("Could not update Site.", e);
                showErrorNotification(getTranslation("view.sites.form.error.unexpected", "update"));
            }
        }
    }
}

Example 5 with Editor

use of com.vaadin.flow.component.grid.editor.Editor in project karnak by OsiriX-Foundation.

the class ExternalIDGrid method setElements.

private void setElements() {
    extidColumn = addColumn(CachedPatient::getPseudonym).setHeader("External Pseudonym").setSortable(true);
    patientIdColumn = addColumn(CachedPatient::getPatientId).setHeader("Patient ID").setSortable(true);
    patientFirstNameColumn = addColumn(CachedPatient::getPatientFirstName).setHeader("Patient first name").setSortable(true);
    patientLastNameColumn = addColumn(CachedPatient::getPatientLastName).setHeader("Patient last name").setSortable(true);
    issuerOfPatientIDColumn = addColumn(CachedPatient::getIssuerOfPatientId).setHeader("Issuer of patient ID").setSortable(true);
    Grid.Column<CachedPatient> editorColumn = addComponentColumn(patient -> {
        Button edit = new Button("Edit");
        edit.addClassName("edit");
        edit.addClickListener(e -> {
            editor.editItem(patient);
            externalIdField.focus();
        });
        edit.setEnabled(!editor.isOpen());
        editButtons.add(edit);
        return edit;
    });
    addFilterElements();
    editButtons = Collections.newSetFromMap(new WeakHashMap<>());
    editor = getEditor();
    editor.setBinder(binder);
    editor.setBuffered(true);
    externalIdField = new TextField();
    patientIdField = new TextField();
    patientFirstNameField = new TextField();
    patientLastNameField = new TextField();
    issuerOfPatientIdField = new TextField();
    extidColumn.setEditorComponent(externalIdField);
    patientIdColumn.setEditorComponent(patientIdField);
    patientFirstNameColumn.setEditorComponent(patientFirstNameField);
    patientLastNameColumn.setEditorComponent(patientLastNameField);
    issuerOfPatientIDColumn.setEditorComponent(issuerOfPatientIdField);
    deleteColumn = addComponentColumn(patient -> {
        deletePatientButton = new Button("Delete");
        deletePatientButton.addThemeVariants(ButtonVariant.LUMO_ERROR, ButtonVariant.LUMO_PRIMARY);
        deletePatientButton.addClickListener(e -> {
            externalIDCache.remove(PatientClientUtil.generateKey(patient, projectEntity.getId()));
            readAllCacheValue();
        });
        return deletePatientButton;
    });
    saveEditPatientButton = new Button(LABEL_SAVE);
    cancelEditPatientButton = new Button(LABEL_CANCEL);
    Div buttons = new Div(saveEditPatientButton, cancelEditPatientButton);
    editorColumn.setEditorComponent(buttons);
}