Learning Ext JS
eBook:
$23.99
Formats:
Formats:
$16.79
save 30%!
save 30%!
Print + free eBook + free PacktLib access to the book:
$63.98
Print cover: $39.99
$39.99
save 37%!
save 37%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
| Also available on: |
|
- Learn to build consistent, attractive web interfaces with the framework components.
- Integrate your existing data and web services with Ext JS data support.
- Enhance your JavaScript skills by using Ext's DOM and AJAX helpers.
- Extend Ext JS through custom components.
Book Details
Language : EnglishPaperback : 324 pages [ 235mm x 191mm ]
Release Date : November 2008
ISBN : 1847195148
ISBN 13 : 9781847195142
Author(s) : Colin Ramsay, Shea Frederick, Steve 'Cutter' Blades
Topics and Technologies : All Books, AJAX, Open Source
Table of Contents
Preface
Chapter 1: Getting Started
Chapter 2: The Staples of Ext
Chapter 3: Forms
Chapter 4: Buttons, Menus, and Toolbars
Chapter 5: Displaying Data with Grids
Chapter 6: Editor Grids
Chapter 7: Layouts
Chapter 8: Ext JS Does Grow on Trees
Chapter 9: Windows and Dialogs
Chapter 10: Effects
Chapter 11: Drag-and-Drop
Chapter 12: It's All about the Data
Chapter 13: Code for Reuse: Extending Ext JS
Chapter 14: The Power of Ext JS: What Else Can You Do?
Index
Colin Ramsay
Shea Frederick
Steve 'Cutter' Blades
Code Downloads
Download the code and support files for this book.
Submit Errata
Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.
Errata
- 15 submitted: last submission 02 Aug 2012Errata type: Others | Page number: 13
The link to download the Ext SDK is broken. Given link: http://www.extjs.com/download Correct Link: http://www.extjs.com/products/extjs/download.php
Errata type: Others | Page number: 16
The figure accompanying the code shows title of "Hi" and a message body of "Hello World Example". The figure should display title of "Hello" and a message of "World".
Errata type: Code | Page number: 26
Given code: Function stapler(){ Ext.Msg.show({ title: 'Milton', msg: 'Have you seen my stapler?', buttons: { yes: true, no: true, cancel: true } }); } Ext.onReady(stapler()); It should be: function stapler(){ Ext.Msg.show({ title: 'Milton', msg: 'Have you seen my stapler?', buttons: { yes: true, no: true, cancel: true } }); } Ext.onReady(stapler);
Errata type: Technical | Page number: 46
This code: { xtype: 'radio', fieldLabel: 'Filmed In', name: 'filmed_in', boxLabel: 'Color' },{ xtype: 'radio', hideLabel: false, labelSeparator: '', name: 'filmed_in', boxLabel: 'Black & White' } In this code, hideLabel: false, should be hideLabel: true,
Errata type: Language | Page number: 53
The last sentence of the first paragraph under "Buttons and form action" should read: "To do this, we ..." instead of "To do, this we ..."
Errata type: Technical | Page number: 76
The code on this page is missing a parenthesis. The code should be: var store = new Ext.data.Store({ data: [ [ 1, "Office Space", "Mike Judge", "1999-02-19", 1, "Work Sucks", "19.95", 1 ],[ 3, "Super Troopers", "Jay Chandrasekhar", "2002-02-15", 1, "Altered State Police", "14.95", 1 ] //...more rows of data removed for readability...// ], reader: new Ext.data.ArrayReader({id:'id'}, [ 'id', 'title', 'director', {name: 'released', type: 'date', dateFormat: 'Y-m-d'}, 'genre', 'tagline', 'price', 'available' ]) });
Errata type: Others | Page number: 92
This bullet point needs to be removed completely: ColumnSelectionModel: This lets the user select an entire column from the grid
Errata type: Technical | Page number: 126
This code: { region: 'center', xtype: 'tabpanel', activeTab: 0, items: [{ title: 'Movie Grid', xtype: 'gridpanel', store: store, autoExpandColumn: 'title', columns: // add column model //, view: // add grid view spec // },{ title: 'Movie Descriptions', html: 'Movie Info' }] } In this code xtype: 'gridpanel' should be: xtype: 'grid',
Errata type: Others | Page number: 129
The note: Note that the JavaScript contained within the loaded content will not be executed and any HTML will be ignored. Should be: Note that the JavaScript contained within the loaded content will not be executed.
Errata type:Others | Page number: 131
In the first paragraph, second sentence there is an extra 'used' word. The following ... or be used used to search for ... should be ... or be used to search for ...
Errata type: Typo | Page number: 191
In second to last paragraph (begins with "In many of the ...") the word discussesd should be discussed.
Errata type: Language | Page number: 56
The last line before the code should read: "This single line of code sets a field's value" instead of "This single line of code sets a fields value"
Errata type: Language | Page number: 163
In the last paragraph, this: "...but we can also weak their functionality..." should read: In the last paragraph, this: "...but we can also tweak their functionality..."
Errata type: Language | Page number: 138
In the first paragraph, this part of the sentence: "you can build a tree from first principles with a minimal of code." should read: "you can build a tree from first principles with a minimal amount of code."
Errata type: Typo | Page number: 169
The last line on the page: "of the window and crop any content that exceeds these dimensions dimensions." Should read: "of the window and crop any content that exceeds these dimensions."
Sample chapters
You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.
Frequently bought together
+
=
50% Off
the eBooks
the eBooks
Buy both these recommended eBooks together and get 50% off the total price
- Create responsive forms
- Look at Web Applications from an entirely new perspective
- Learn to use the major UI components available in Ext JS
- Understand how external data can be consumed by Ext JS
- Query and process remote data into your application
- Use Layouts to bring all of the Ext JS pieces together
- Use Ext JS effects to manipulate the DOM in exciting ways
- Provide a consistent look and feel to your application using Components
- Change the visual style of Ext JS using theming support
- Find Custom Community Extensions to expand your applications
- Create your own custom library extensions
1. Getting Started
Setup Ext JS to be used on your page and troubleshoot common installation problems.
2. The Staples of Ext
Explore some of the foundational components and configuration of Ext JS.
3. Forms
Create complex forms, database-driven combo boxes, and populate form fields with data.
4. Buttons, Menus, and Toolbars
Use toolbars to create compact complex navigation for your web application.
5. Grids—Making Data Intuitive
Render database-driven grids that include paging, complex rendering, and user interaction.
6. Editor Grid
Go past the standard grid, and set up an editor grid that edits data in line.
7. In an AJAX World, You Need a Good Layout
Create a layout that provides a very flexible and attractive user interface.
8. Ext JS Does Grow on Trees
Demonstrating how to display and manipulate hierarchical data.
9. Windows and Dialogs
Focusing on displaying information in pop-up containers.
10. Effects
Add spice to your applications with compelling visual effects.
11. Drag and Drop
Learn how to move and rearrange elements within your application.
12. It's All About the Data
An introduction into the various types of data Stores, the kinds of data they can consume, how that data is defined, and how to get it.
13. Code for Reuse: Extending Ext JS
An introduction to creating custom application components by extending existing components of the framework
14. The Power of Ext JS: What Else Can You Do?
A look at many of the utility classes of the library, including formatting and state management, as well as Community Components and resources.
As more and more of our work is done through a web browser, and more businesses build web rather than desktop applications, users want web applications that look and feel like desktop applications. Ext JS is a JavaScript library that makes it (relatively) easy to create desktop-style user interfaces in a web application, including multiple windows, toolbars, drop-down menus, dialog boxes, and much more. Both Commercial and Open Source licenses are available for Ext JS.
Ext JS has the unique advantage of being the only client-side UI library that also works as an application development library. Learning Ext JS will help you create rich, dynamic, and AJAX-enabled web applications that look good and perform beyond the expectations of your users.
From the building blocks of the application layout, to complex dynamic Grids and Forms, this book will guide you through the basics of using Ext JS, giving you the knowledge required to create rich user experiences beyond typical web interfaces. It will also provide you with the tools you need to use AJAX, by consuming server-side data directly into the many interfaces of the Ext JS component library.
By using a series of straightforward examples backed by screenshots, Learning Ext JS will help you create web applications that look good and perform beyond the expectations of your users.
The book provides plenty of fun example code and screenshots to guide you through the creation of examples to assist with learning. By taking a chapter-by-chapter look at each major aspect of the Ext JS framework, the book lets you digest the available features in small, easily understandable, chunks, allowing you to start using the library for your development needs immediately.
This book is written for Web Application Developers who are familiar with HTML but may have little to no experience with JavaScript application development. If you are starting to build a new web application, or are re-vamping an existing web application, then this book is for you.
