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