Layouts: A layout turns forms, grids and other widgets into a true web application. The most widely-used layout styles can be found in operating systems such as Microsoft’s Window.Regions: A viewport has regions that are laid out in the same way as a compass, with north, south, east, west regions.Viewports: A viewport is a special panel-like component that encloses the entire layout, fitting it into the whole visible area of our browserPanels: Panels are a wider side bar as a container. It may usually be located at left, right, top, bottom in the view port.

Built in validation can be used to validate and restrict user input and report back error messages. It will work in just about any scenario because it uses regular expressions to do the grunt work. Four built in validation is available in ExtJS: email, url, alpha, alphanum.

Custom validation means to create own our vtype that is needed to add it to the vtype definitions. Each definition has a value, mask, error text and a function used for testing.</p>
Ext.form.Vtype[‘nameMask’]=/[A-Za-z\-]/;

The Ext JS tree is built on top of the Component model, Which underlies the whole Ext JS framework.We can edit data directly in the tree, changing labels and item positions, or we can modify the appearance of the overall tree.

This function makes sure that our document is ready to be thrashed out.
Ext.onReady(function({
});

The adapter is used to allow classes to work together when normally could not because of incompatible interfaces, by providing its interface to clients while using the original interface.