Vaadin - Griglia di aggiornamento dopo la modifica fila

Question

creo semplice griglia con i dati dal database:

BeanItemContainer<Customer> container = new BeanItemContainer<>(Customer.class, customerRepository.findAll()); 
Grid grid = new Grid(container); 

Per modificare ogni riga il pulsante è stato creato:

Button edit = new Button("Edit", clickEvent -> openWindow((Customer) grid.getSelectedRows().iterator().next())); 

Questa nuova finestra aperta con modulo di modifica. Dopo aver accettato tutte le modifiche, devo aggiornare manualmente tutta la pagina per vedere la modifica su Grid. La mia domanda è:

Come aggiornare solo la griglia dopo la modifica di qualsiasi voce di riga? E come salvare quelle modifiche al database (forse beanItemContainer potrebbe farlo)?

Answer 1

È un bug. La griglia non si aggiorna automaticamente dopo aver apportato modifiche nel contenitore sottostante né ha alcun metodo ragionevole per l'aggiornamento. Ci sono diversi hack per aggirare questo problema cioè

grid.clearSortOrder(); 

o

grid.setEditorEnabled(true); 
grid.setEditorEnabled(false); 

SSCCE:

TextField text = new TextField("Edit"); 
Grid grid; 
BeanItemContainer<Customer> container; 

@Override 
protected void init(VaadinRequest request) { 
    final VerticalLayout layout = new VerticalLayout(); 
    container = new BeanItemContainer<>(Customer.class, Arrays.asList(new Customer("1"), new Customer("2"))); 
    grid = new Grid(container); 
    Button open = new Button("open"); 
    open.addClickListener(this :: openListener); 
    Button save = new Button("save"); 
    save.addClickListener(this :: saveListener); 
    layout.addComponents(grid, open, save, text); 
    setContent(layout); 
} 

private void openListener(Button.ClickEvent clickEvent){ 
    text.setValue(((Customer) (grid.getSelectedRow())).getName()); 
} 
private void saveListener(Button.ClickEvent clickEvent){ 
    Customer c = (Customer) grid.getSelectedRow(); 
    c.setName(text.getValue()); 
    grid.clearSortOrder(); 
} 

Eventuali duplicati Update Grid with a fresh set of data, in Vaadin 7.4 app

Answer 2

Dal Vaadin 7.7.4 c'è un refreshRows(Object ... itemIds) e un Metodo refreshAllRows() nella griglia: https://dev.vaadin.com/ticket/16765

Answer 3

Con Vaadin 8, i seguenti lavori per aggiornare la griglia dopo righe sono stati aggiunti o rimossi o dati sottostante è stata modificata:

grid.getDataProvider().refreshAll(); 

Answer 4

ho dovuto chiamare esplicitamentegrid.setItems() dopo ogni chiamata a saveListener evento per rendere il mio Vaadin 8.3 Grid aggiornare i dati all'interno della griglia. È strano che lo stato della griglia visuale non sia non rifletta valori modificati.

implementazione Scala:

var advicesList : mutable.MutableList[Advice] = null 

private def initGrid() = { 
    advicesList = mutable.MutableList(itmemsFromDB: _*) 
    setItems(advicesList.asJava) 

    getEditor.addSaveListener((event) => { 
     val bean = event.getBean 
     Notification.show("Saved value: " + bean) 

     // ==== RELOAD GRID ITEMS AFTER EDITION 
     val oldItemIdx = advicesList.indexOf(advicesList.filter(a => a.id == bean.id).head) 
     advicesList.update(oldItemIdx, bean) 
     event.getGrid.setItems(advicesList.asJava) 
    }) 
}