[...]... with the MVC pattern 43 1 Building your application with Sencha's SDK tools 44 1 Getting started with Ext Direct 44 5 Loading and submitting forms with Ext Direct 44 9 Handling errors throughout your application 45 5 Index 45 9 iv This material is copyright and is licensed for the sole use by Gauthier Giacomoni on 11th September 2012 47 gordon street #4, Allston, 021 34 Preface Ext JS 4 is Sencha's latest... with Compass 3 84 Introduction to SASS 388 Using Ext JS' SASS variables 395 Using the UI config option 398 Creating your own theme mixins 40 3 Restyling a panel 40 6 Creating images for legacy browsers 41 0 Introduction 41 4 Advanced functionality with plugins 41 4 Architecting your applications with the MVC pattern 42 0 Attaching user interactions to controller actions 42 4 Creating a real-life application with... the Ext JS SDK package's examples folder Who this book is for The Ext JS 4 Web Application Development Cookbook is aimed at both newcomers and those experienced with Ext JS who want to expand their knowledge and learn how to create interactive web applications with Ext JS 4 Conventions In this book, you will find a number of styles of text that distinguish between different kinds of information Here... type="text/css" href="extjs/resources/css/extall.css"> Ext. onReady(function () { //Recipe source code goes here }); The example source code supplied with this book can be executed as a standalone project or by importing each chapter's folder into the Ext JS SDK... component query ff Extending Ext JS components ff Overriding Ext JS functionality This material is copyright and is licensed for the sole use by Gauthier Giacomoni on 11th September 2012 47 gordon street #4, Allston, 021 34 Classes, Object-Oriented Principles and Structuring your Application Introduction In this chapter, you will learn how to harness the power of Ext JS 4' s new class system, and extend the... Allston, 021 34 Preface 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... query 31 Extending Ext JS components 37 Overriding Ext JS' functionality 40 Chapter 2: Manipulating the Dom, Handling Events, and Making AJAX Requests 45 Introduction 46 Selecting DOM elements 46 Traversing the DOM 49 Manipulating DOM elements 51 Creating new DOM elements 55 Handling events on elements and components 58 Delegating event handling of child elements 60 Simple animation of elements 64 Custom... that the Plane class still inherits from the Ext. Base class through the Vehicle class' extension of it: Ext. Base extends Cookbook. Vehhicle extends Cookbook. Plane 17 This material is copyright and is licensed for the sole use by Gauthier Giacomoni on 11th September 2012 47 gordon street #4, Allston, 021 34 Classes, Object-Oriented Principles and Structuring your Application The callParent method is a very... extend the framework's functionality Creating custom classes using the new Ext JS class system Although JavaScript is not a class-based language, it is possible to simulate classes using its prototypal structure Ext JS 4 introduces an entirely new way of defining classes, compared with Ext JS 3 Consequently, when developing with Ext JS 4 your JavaScript's structure will be more closely in line with that... the Ext. define method, and don't specify an explicit base class, then the framework will automatically use Ext. Base as its base inside the Extend preprocessor If we do specify a base class then that class will, at the root of its inheritance tree, extend Ext. Base The following diagram shows how our custom class fits into this structure: Ext. Base extends Cookbook. Vehhicle There's more The new Ext JS . Gauthier Giacomoni on 11th September 2012 47 gordon street #4, Allston, 021 34 Ext JS 4 Web Application Development Cookbook Copyright © 2012 Packt Publishing All. pattern 43 1 Building your application with Sencha's SDK tools 44 1 Getting started with Ext Direct 44 5 Loading and submitting forms with Ext Direct 44 9 Handling