Simple example for Extjs Modal Window

Here is a quick and easy to build Extjs modal window.
This piece of code simply renders a Extjs window with its modal=true property enabled.

Here is the code:-

win = new Ext.Window({

        height      : 400,

        width       : 530,

        modal       : true,

        title       : 'Search Options',

        contentEl   : 'DL',

        plain       : true,

        border      : false,

        resizable   : true,

        draggable   : true,

        closable    : true,

        closeAction : 'hide',

        style       : 'windowstyle1',

        cls         : 'windowstyle1',

        buttonAlign : 'center',      

        buttons     : [

        {

            text    : 'OK',

            handler : function() {

            win.hide();

        }

        }

        ]

    })

    win.show();

Make sure the contentEl contains the id of the container where you want to render the window.

It could be a div id or whatever you find appropriate to render your window in.