Question

in ExtJS 4 I have an EditorGrid with Grouping feature. I want to make it possibile to edit multiple rows at once, i.e. write a value for a field once and have it propagated to all rows in the group.

Example: let’s have a store in wich records have these fields: id, title. I want to group records by title and change all records that have title=foo with title=bar.

Is it possibile?

I have tried adding some custom javascript to the groupHeaderTpl but every time I click on the header the group toggle collapsing, and anyway I don’t think it’s a clean solution.

Any help or hint is appreciated.

Answer 1

I would suggest implementing it with a grid + form panel, where from grid you select the rows you want to edit and when a field in form is edited, you apply the value to all selected rows.

I’ve successfully implemented something like this before. It needs a fair amount of work though, as there are bunch of corner cases, but in general it’s the simplest solution I can think of.