This chapter explores the layout system in Ext JS 4 and demonstrates how to use these layouts to place your user interface components. The layouts that we will be working with are FitLayout
, BorderLayout
, HBox
layout, VBox
layout, ColumnLayout
, TableLayout
, AccoridionLayout
, CardLayout
, AnchorLayout
, and AbsoluteLayout
. The final recipe will combine a number of these layouts to create a framework for a rich desktop-style application.
Ext JS 4 Web Application Development Cookbook
By :
Ext JS 4 Web Application Development Cookbook
By:
Overview of this book
<p>Ext JS 4 is Sencha’s latest JavaScript framework for developing cross-platform web applications. Built upon web standards, Ext JS provides a comprehensive library of user interface widgets and data manipulation classes to turbo-charge your application’s development. Ext JS 4 builds on Ext JS 3, introducing a number of new widgets and features including the popular MVC architecture, easily customisable themes and plugin-free charting. <br /><br /><em>Ext JS 4 Web Application Development Cookbook</em> works through the framework from the fundamentals to advanced features and application design. More than 130 detailed and practical recipes demonstrate all of the key widgets and features the framework has to offer. With this book, and the Ext JS framework, learn how to develop truly interactive and responsive web applications.<br /><br />Starting with the framework fundamentals, you will work through all of the widgets and features the framework has to offer, finishing with extensive coverage of application design and code structure.<br /><br />Over 110 practical and detailed recipes describe how to create and work with forms, grids, data views, and charts. You will also learn about the best practices for structuring and designing your application and how to deal with storing and manipulating data. The cookbook structure is such that you may read the recipes in any order.<br /><br />The <em>Ext JS 4 Web Application Development Cookbook</em> will provide you with the knowledge to create interactive and responsive web applications, using real life examples.</p>
Table of Contents (19 chapters)
Ext JS 4 Web Application Development Cookbook
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
Free Chapter
Classes, Object-Oriented Principles and Structuring your Application
Manipulating the Dom, Handling Events, and Making AJAX Requests
Laying Out Your Components
UI Building Blocks—Trees, Panels, and Data Views
Loading, Submitting, and Validating Forms
Using and Configuring Form Fields
Working with the Ext JS Data Package
Displaying and Editing Tabular Data
Constructing Toolbars with Buttons and Menus
Drawing and Charting
Theming your Application
Advanced Ext JS for the Perfect App
Index
Customer Reviews