How to change the style of selected rows on button click?
I have a grid which includes a CheckBoxSelectionModel (so users can use multi-select features and have the rows checked as they select rows). I want to be able to change the style of the selected rows on a button click.
Example grid configuration:
The grid populates without a problem and the checkbox selection works as well. However my ultimate goal is to make it such that if I select some of the books and then click a button, those rows have their styles changed (e.g. the book names go from being in black text to red text). It's important that this happens on button click and not on row selection). I know how to use the selection model to get the selected rows, but I dont see how I can affect their styling after the column model has already been constructed.
// assume this list store is properly populated
ListStore<Book> bookStore = new ListStore<Book>(props.key());
IdentityValueProvider<Book> identity = new IdentityValueProvider<Book>();
final CheckBoxSeelctionModel<Book> sm = new CheckBoxSelectionModel<Book>(identity);
ColumnConfig<Book, String> nameColumn = new ColumnConfig<Book, String> (props.name(), 50, "Name");
List<ColumnConfig<Book, ?>> configs = new ArrayList<ColumnConfig<Book, ?>>();
ColumnModel bookModel = new ColumnModel<Book>(configs);
Grid<Book> bookGrid = new Grid<Book>(bookStore, bookModel);
Is it possible to do this with GXT3, or does it require heavy customization of the grid, row or cell components? Any ideas would be greatly appreciated.