September 20, 2012

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!


code Code extjs javascript xml


Previous post
QR Code Generator The need came about for a locally hosted QR Code generator, preferably not requiring any back-end scripting to produce the graphic. After some
Next post
RSS Reader Something to display RSS feeds, but without using any server side scripting. Hmm, what to do here, and how to get around the cross-domain JavaScript