List of Figures

 

Chapter 1. A framework apart

Figure 1.1. Conjoon is an open source personal information manager that’s a great example of a web application that uses the framework to manage a UI that leverages 100 percent of the browser’s viewport. You can download it at http://conjoon.org/.

Figure 1.2. The Dow Jones Indexes website, http://djindexes.com, is one example of Ext JS embedded in a traditional Web 1.0 site.

Figure 1.3. The Ext JS API Documentation contains a wealth of information and is a great resource for learning more about components and widgets. It contains most of what you need to know about the API, including constructor configuration options, methods, events, properties, component hierarchy, and more.

Figure 1.4. The six areas of purpose for Ext JS classes: Ext JS Core, UI components, web remoting, data services, drag and drop, and general utilities

Figure 1.5. Here, you see two parent Containers, Panel (left) and Window (right), managing child items, which include nested children.

Figure 1.6. Commonly used subclasses of Container—FormPanel, TabPanel, FieldSet, and QuickTip—and the layouts used to compose this UI Panel. We’ll build this in chapter 6, where you learn about forms.

Figure 1.7. The GridPanel as seen in the Buffered Grid example in the Ext JS SDK

Figure 1.8. The DataView (left) and ListView (right) as shown in the Ext JS SDK examples

Figure 1.9. An Ext JS Tree, which is an example from the Ext JS SDK