ExtJS Grouping Grid

One of the things I’ve repeatedly had a need for is an easy way to organize large amounts of data. Manual HTML tables just weren’t cutting it anymore, so it was time to build a JavaScript solution with an XML database. The framework I was working with was ExtJS 2.3, and the grid needed to be sortable, searchable, and have category groupings. Having the search automatically filter the data as you type was also a must.

I’ve used this code as a base numerous times, and it’s proven to be pretty rock solid. It’s also super easy to modify, allowing customization for various use cases. The only major thing I’d like to change is to have the combo-box automatically populate its options from the xml categories.

ExtJS Grouping Grid

Live Demo | Gist

Enjoy!