Ext Panel

Ext.Panel is base class for other panel-like objects, like ButtonGroup, TabPanel, Tip, Window, FieldSet, FormPanel, GridPanel, TreePanel.

Let us create some basic panel, in 05_panel.html example. We use public unofficial repository with Ext libraries:

    <script src="http://extjs-public.googlecode.com/svn/tags/extjs-3.2/release/adapter/ext/ext-base.js"></script>
    <script src="http://extjs-public.googlecode.com/svn/tags/extjs-3.2/release/ext-all.js"></script>
    <link rel="stylesheet" type="text/css" href="http://extjs-public.googlecode.com/svn/tags/extjs-3.2/release/resources/css/ext-all.css" />

And do the panel

            var panel = new Ext.Panel({
                    title: "Hallo world panel",
                    html:"hallo, world",
                    width: 500,
                    height: 500,
                    renderTo: Ext.getBody()
                });

Note

In the example, we use body.onload event. Ext used to use Ext.onReady() function, but OpenLayers do have problems with this type of initializating.