Building Resizable Containers with the Ext JS Library
(2009-03-23) - Contributed by Alejandro Gervasio
In this three-part series of articles I will use a hands-on approach to explain how to construct different kinds of resizable
divs with the Ext JS library. If you're thinking of implementing resizable containers on your web site, you should find this
series particularly helpful; more than likely it will save you a great deal of time and aggravation.
When it comes to building a maintainable, highly-modular web site, it's necessary to divide it in three well-differentiate
layers, which are known popularly as structure, presentation and behavior. Naturally, this trusted approach permits you to
easily decouple the modules that comprise the site, facilitating any further update or modification that might be required
within each of the core layers.
What's more, by using this multi-layered model, it is quite simple to add and extend the behavior of different elements of a
can be equally appreciated when implementing simple or complex behaviors.
next to certain elements of a web document, that would be relatively easy to implement. Things can get more complicated
though, when it comes to converting specific divs into draggable and resizable containers. To accomplish this in an
framework like Ext JS library, which will make this process a no-brainer. In case you didn't know, Ext JS comes packaged
with a robust module that will let you build draggable and resizable containers with extreme ease and a high level of
Now, it's time to star