Learning Ext JS ppsx

[...]... Including Ext in your pages Before we can use Ext in our pages, we need to reference the Ext library files To do this, we need to include a few of the files provided in the SDK download in the HEAD portion of our HTML page Getting Started Example ... • ext- base .js: The Ext 'adapter'—we will learn more about this file later in • ext- all .js or ext- all-debug .js: The primary Ext library file • A theme file could also be included here, or at any point after the main Ext CSS file this chapter What do those files do? We have included the following three files that Ext requires to run ������������ ������������������������������������� in our page: • ext- all.css:... src="lib/extjs /ext- all-debug .js" > The path to the Ext files must be correct and is relative to the location of our HTML file These files must be included in the following order: • ext- all.css: The main Ext CSS file • An external js library file, if needed (one not used in the examples in this book; however if you need to use an external... About Ext Ext: Not just another JavaScript library Cross-browser DOM (Document Object Model) Event-driven interfaces Ext and AJAX Getting Ext Where to put Ext Including Ext in your pages What do those files do? Using the Ext library Time for action The example Not working? Adapters Using adapters I'm asynchronous! Localization English only A language other than English Multiple languages Ext JS online... stylesheet file that controls the look and feel of Ext widgets • ext- base .js: This file provides the core functionality of Ext It's the engine • ext- all-debug .js /ext- all .js: All of the widgets live in this file The This file must always be included as-is, with no modifications Any changes to the CSS in this file would break future upgrades If the look and feel of Ext needs to be adjusted, another stylesheet... way Chapter 13 shows the true power of Ext JS, providing an introduction to creating your own custom components by expanding upon Ext JS' s extensible architecture You will see how to create your own components by extending the existing framework, making pieces that you can re-use in your own applications Chapter 14 wraps it all up, by showing you that with Ext JS there is more than meets the eye You... the SDK into a folder named lib After extracting everything from the SDK download file, your directory tree should look like this: To make it easier when we upgrade our Ext library to the most recently-released version, let us rename the ext- 2.0.1 folder to extjs The SDK contains a version of Ext JS that has everything you need included in it, commonly called ext- all It also contains a version used... 2009 2012 price st, , rahway, , 07065 Chapter 1 Getting Ext Everything we will need can be downloaded from the Ext website, at http://www.extjs.com/download Grab the Ext SDK (Software Development Kit), which contains a ton of useful examples and the API reference Most importantly, it contains the resources that Ext needs to run properly Where to put Ext Once you get the SDK file, uncompress it onto your... support advanced scenarios Chapter 9 demonstrates how Ext JS can provide attractive user prompts that can either present information or accept input We then discuss the extension of these dialogs in the form of Ext. Window, a fully-fledged means of creating customizable pop-up windows In Chapter 10, we take a tour of the visual effects available in the Ext JS effects package You will learn how to apply animations... , 07065 Preface� Chapter 11 shows how you can harness Ext. dd—the rich drag-and-drop functionality provided by Ext JS A variety of different demonstrations allow you to understand the concepts behind Ext. dd, and how you can harness its potential within your own applications Chapter 12 gets straight to the heart of every application—the data Ext JS provides several different methods for retrieving data, . 9 About Ext 9 Ext: Not just another JavaScript library 11 Cross-browser DOM (Document Object Model) 12 Event-driven interfaces 12 Ext and AJAX 12 Getting Ext 13 Where to put Ext 13 Including Ext. in Grids 247 Summary 248 Chapter 13: Code for Reuse: Extending Ext JS 249 Object-oriented JavaScript 249 Object-oriented programming with Ext JS 251 Inheritance 251 Break it down and make it simple. yui -ext several years ago, Shea contributed to its growth by writing documentation, tutorials, and example code. He has remained an active community member for the modern yui -ext library Ext JS.