How to set focus and open the grid cell editor of a newly inserted row in vaadin 8 grid?

user_2519837 0
Viewed 1118

Is it possible to focus and open the grid cell editor directly after inserting a new row? I have searched a while but I didn't find anything helpful.

I am inserting rows with 

grid.setItems(theListWithItems);

After the insertion the editor is closed and I have to double click the row to edit it. I want the editor opens immediately after inserting the new row.

Any help is highly apreciated.

Thanks in advance

vaadin-grid vaadin8
1 Answers

Since Vaadin 8.2 you can now call editRow() on the grid editor 

grid.getEditor().editRow(theListWithItems.size() -1);

to open the editor for the newly inserted item. But there is no focus on it, you still have to click (once, no doubleclick) into the column that you wish to edit.

However, the row is not focused only by calling editRow(). To focus a certain column I have not found a simple function for it, but I have found a way to do it nevertheless:

Each column needs a defined Editor-Component (i.e. a TextField). For the column that you want to be initially focused, define a memberfield so it can be accessed when you add a new item. Then - after you call editRow() - you can call focus() on that Editor-Component.

private TextField fooEditorTextField = new TextField();

private createGrid(){
    // create your grid as usual

    // define Editor components for grid
    grid.getEditor().setEnabled(true);
    grid.getColumn("Foo").setEditorComponent(fooEditorTextField );
    grid.getColumn("Bar").setEditorComponent(new TextField());
}

private void addNewItemToGrid(){
    MyItem newItem = new MyItem();
    theListWithItems.add(newItem);
    grid.setItems(theListWithItems);

    // open editor for new Item
    grid.getEditor().editRow(theListWithItems.size() -1);

    // Focus the "Foo" column in the editor of the new item
    fooEditorTextField.focus();
}
user_34415040
Related