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

1
2
3
4
5
6
7
            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.

Main Menu


Previous topic

ExtJS

Next topic

Grids and Data in Ext

This Page