use of com.vaadin.flow.component.textfield.TextField in project flow-components by vaadin.
the class TextFieldTest method autoselectPropertyValue.
@Test
public void autoselectPropertyValue() {
TextField textField = new TextField();
assertAutoselectPropertyValueEquals(textField, true);
assertAutoselectPropertyValueEquals(textField, false);
}
use of com.vaadin.flow.component.textfield.TextField in project flow-components by vaadin.
the class TextFieldTest method setValueNull.
@Test
public void setValueNull() {
TextField textField = new TextField();
assertEquals("Value should be an empty string", "", textField.getValue());
thrown.expect(NullPointerException.class);
thrown.expectMessage("Null value is not supported");
textField.setValue(null);
}
use of com.vaadin.flow.component.textfield.TextField in project flow-components by vaadin.
the class GridViewBasicFeaturesPage method createBasicFeatures.
private void createBasicFeatures() {
final int baseYear = 2015;
final int numberOfYears = 5;
DecimalFormat dollarFormat = new DecimalFormat("$#,##0.00");
Grid<CompanyBudgetHistory> grid = new Grid<>();
ListDataProvider<CompanyBudgetHistory> list = CompanyBudgetHistory.getBudgetDataProvider(baseYear, numberOfYears);
grid.setDataProvider(list);
grid.setColumnReorderingAllowed(true);
Column<CompanyBudgetHistory> companyNameColumn = grid.addColumn(CompanyBudgetHistory::getCompany).setHeader("Company");
companyNameColumn.setWidth("200px");
grid.setSelectionMode(SelectionMode.SINGLE);
HeaderRow topHeader = grid.prependHeaderRow();
IntStream.range(baseYear, baseYear + numberOfYears).forEach(year -> {
BigDecimal firstHalfSum = list.fetch(new Query<>()).collect(Collectors.toList()).stream().map(budgetHistory -> budgetHistory.getFirstHalfOfYear(year)).reduce(BigDecimal.ZERO, BigDecimal::add);
BigDecimal secondHalfSum = list.fetch(new Query<>()).collect(Collectors.toList()).stream().map(budgetHistory -> budgetHistory.getSecondHalfOfYear(year)).reduce(BigDecimal.ZERO, BigDecimal::add);
Column<?> firstHalfColumn = grid.addColumn(new NumberRenderer<>(budgetHistory -> budgetHistory.getFirstHalfOfYear(year), dollarFormat)).setHeader("H1").setTextAlign(ColumnTextAlign.END).setFooter(dollarFormat.format(firstHalfSum)).setComparator((p1, p2) -> p1.getFirstHalfOfYear(year).compareTo(p2.getFirstHalfOfYear(year)));
Column<?> secondHalfColumn = grid.addColumn(new NumberRenderer<>(budgetHistory -> budgetHistory.getSecondHalfOfYear(year), dollarFormat)).setHeader("H2").setTextAlign(ColumnTextAlign.END).setFooter(dollarFormat.format(secondHalfSum)).setComparator((p1, p2) -> p1.getSecondHalfOfYear(year).compareTo(p2.getSecondHalfOfYear(year)));
topHeader.join(firstHalfColumn, secondHalfColumn).setText(year + "");
});
HeaderRow filteringHeader = grid.appendHeaderRow();
TextField filteringField = new TextField();
filteringField.addValueChangeListener(event -> {
list.setFilter(CompanyBudgetHistory::getCompany, company -> {
if (company == null) {
return false;
}
String companyLower = company.toLowerCase(Locale.ENGLISH);
String filterLower = event.getValue().toLowerCase(Locale.ENGLISH);
return companyLower.contains(filterLower);
});
});
filteringField.setPlaceholder("Filter");
filteringField.setWidth("100%");
filteringHeader.getCell(companyNameColumn).setComponent(filteringField);
grid.setId("grid-basic-feature");
addCard("Basic Features", "Grid Basic Features Demo", grid);
}
use of com.vaadin.flow.component.textfield.TextField 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);
}
use of com.vaadin.flow.component.textfield.TextField 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);
}
Aggregations