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 Ext JS framework to manage a UI which uses 100 percent of the browser’s viewport. You can download it at http://conjoon.org/.

Figure 1.2. The Ext JS API documentation contains a wealth of information and is a great resource for learning more about components and widgets.

Figure 1.3. Ext JS 4.0 and Sencha Touch both branch off of Sencha Platform, a common base for the Sencha family of HTML5 frameworks.

Figure 1.4. The seven areas of purpose for Ext JS classes

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, FieldContainer, and Toolbar—and the layouts used to compose this UI window. We’ll build this in chapter 6, when you learn about forms.

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

Figure 1.8. The data view as demonstrated in the Ext JS SDK examples

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

Figure 1.10. A tree panel with columns

Figure 1.11. The out-of-the-box form elements displayed in an encapsulating window

Figure 1.12. An example of the Checkbox and RadioGroup convenience classes in action with automatic layouts