Book Image

Learning Ext JS

By : Colin Ramsay, Shea Frederick, Steve 'Cutter' Blades
Book Image

Learning Ext JS

By: Colin Ramsay, Shea Frederick, Steve 'Cutter' Blades

Overview of this book

<p>As more and more of our work is done through a web browser, and more businesses build web rather than desktop applications, users want web applications that look and feel like desktop applications. Ext JS is a JavaScript library that makes it (relatively) easy to create desktop-style user interfaces in a web application, including multiple windows, toolbars, drop-down menus, dialog boxes, and much more. Both Commercial and Open Source licenses are available for Ext JS.<br /><br />Ext JS has the unique advantage of being the only client-side UI library that also works as an application development library. Learning Ext JS will help you create rich, dynamic, and AJAX-enabled web applications that look good and perform beyond the expectations of your users.<br /><br />From the building blocks of the application layout, to complex dynamic Grids and Forms, this book will guide you through the basics of using Ext JS, giving you the knowledge required to create rich user experiences beyond typical web interfaces. It will also provide you with the tools you need to use AJAX, by consuming server-side data directly into the many interfaces of the Ext JS component library.</p>
Table of Contents (16 chapters)
15
Index

The Fx is in

We've briefly touched upon the way in which anchoring options are used within Ext.Fx, for example, methods such as a ghost accepting a string representing the direction in which to move. Over the next few pages, we'll not only discuss this in detail, but we'll also go over the numerous configuration options that are common to all of the Ext.Fx methods.

Anchoring yourself with Ext

Specifying directions, anchors, alignment, and more is all based around a scheme of anchor positions. These are used by Ext JS's animation system to determine the direction of movement, and they have a pretty simple naming convention:

Anchor Position String

Description

tl

Top left corner

t

Center of the top edge

tr

Top right corner

l

Center of the left edge

r

Center of the right edge

bl

Bottom left corner

b

Center of the bottom edge

br

Bottom right corner

These options allow eight-way movement when using methods such as Ext.Fx.ghost. But the same concept is seen...