Ext.Panel
is a specific implementation of a generic container by extending the Ext.Container
. The main functionality that it provides on top of the Ext.Container
is the support for docking items. We can add any number of items to it, which it can dock. This recipe describes how to make use of the Ext.Panel
class to create an application.
Make sure that you have set up your development environment by following the recipes outlined in Chapter 1.
Carry out the following steps:
Create and open a new file named
ch03_02.js
and paste the following code into it:Ext.setup({ onReady: function() { var pnl = new Ext.Panel({ fullscreen: true, defaults: { border: false }, items: [{ bodyStyle: 'background:grey;', html: '<p>Panel 1</p>' },{ xtype: 'textfield', name : 'first', label: 'First name' }, { xtype...