Editing Vaadin String Lines

Question

I created a table in vaadin and I have an edit button for each row of the table. I tried

table.setEditable(true) 

but this makes the whole table editable. When I click the edit button, I want only the selected row to be editable, and if it is possible that some cells will be configured, for example, a check box, a drop-down list, etc. Any suggestions?

Answer 1

Here is a very simplified example:

 final Table table = new Table(); table.setEditable(true); table.setTableFieldFactory(new TableFieldFactory() { private static final long serialVersionUID = 1L; @Override public Field<?> createField(Container container, Object itemId, Object propertyId, Component uiContext) { if (itemId == table.getData()) { return DefaultFieldFactory.get().createField(container, itemId, propertyId, uiContext); } return null; } }); table.addGeneratedColumn("", new ColumnGenerator() { private static final long serialVersionUID = 1L; @Override public Object generateCell(Table source, final Object itemId, Object columnId) { Button button = new Button(itemId == table.getData() ? "Save" : "Edit"); button.addClickListener(new ClickListener() { private static final long serialVersionUID = 1L; @Override public void buttonClick(ClickEvent event) { if (table.getData() == null) { // edit table.setData(itemId); table.refreshRowCache(); } else if (itemId == table.getData()) { // save table.setData(null); // ... table.refreshRowCache(); } } }); return button; } }); // ... 

Answer 2

This is the default behavior of vaadin. To change the default behavior, you can extend / rewrite components.

Vaadin offers some basic things, but for specific things:

1- Find the vaadin add-ons directory: https://vaadin.com/en_GB/directory

2- If there is no result, I am afraid that we should write / change component codes.

Answer 3

Similar to your problem: I have a table with two columns, but only one button. When a line is selected and the edit button is pressed, the selected line becomes editable. Here is my code to make a table with a list and how to transfer the changed values ​​to the table and update the edited row:

 private List<Field> fields = new ArrayList<>(); private final class EditTableClickListener implements ClickListener { @Override public void buttonClick(ClickEvent event) { if (mappingTable.getSelection() != null) { // change table menu when in Edit-Mode editTableBar(); makeRowEditable(); } } private void makeRowEditable() { mappingTable.setTableFieldFactory(new TableFieldFactory() { @SuppressWarnings("rawtypes") @Override public Field<?> createField(Container container, Object itemId, Object propertyId, Component uiContext) { if(itemId.equals(mappingTable.getSelection())) { Field field = DefaultFieldFactory.get().createField(container, itemId, propertyId, uiContext); field.setBuffered(true); field.addAttachListener(new AttachListener() { private static final long serialVersionUID = 1L; @Override public void attach(AttachEvent event) { fields.add((Field)event.getConnector()); } }); field.addDetachListener(new DetachListener() { private static final long serialVersionUID = 1L; @Override public void detach(DetachEvent event) { fields.remove((Field)event.getConnector()); } }); return field; } return null; } }); mappingTable.setEditable(true); } } // save when ENTER key is clicked in one of the TextFields private final class SaveEditedRowShortcutListener extends ShortcutListener { private SaveEditedRowShortcutListener(String caption, int keyCode, int[] modifierKeys) { super(caption, KeyCode.ENTER, null); } @Override public void handleAction(Object sender, Object target) { for(Field field : fields) { field.commit(); } String key = fields.get(0).getValue().toString(); String value = fields.get(1).getValue().toString(); Object selection = mappingTable.getSelection(); selection.setKey(key); selection.setValue(value); mappingTable.setEditable(false); mappingTable.updateItem(selection); // change table menu back to Default-Mode initialTableBar(); } }