Ext JS 3.0 Cookbook

Jorge Ramon

• Publisher: Packt Publishing
• Year: 2009
• Edition: 1
• eBook ISBN:
  9781847198709
• Topic: Computer Science
• Subtopic: Information Technology
• Index: Computer Science

In Detail

Using Ext JS you can easily build desktop-style interfaces in your web applications. Over 400,000 developers are working smarter with Ext JS and yet most of them fail to exercise all of the features that this powerful JavaScript library has to offer.

Get to grips with all of the features that you would expect with this quick and easy-to-follow Ext JS Cookbook. This book provides clear instructions for getting the most out of Ext JS with and offers many exercises to build impressive rich internet applications. This cookbook shows techniques and "patterns" for building particular interface styles and features in Ext JS. Pick what you want and move ahead.

It teaches you how to use all of the Ext JS widgets and components smartly, through practical examples and exercises. Native and custom layouts, forms, grids, listviews, treeviews, charts, tab panels, menus, toolbars, and many more components are covered in a multitude of examples.The book also looks at best practices on data storage, application architecture, code organization, presenting recipes for improving them-our cookbook provides expert information for people working with Ext JS.

Build professional layouts, custom components, and flexible architectures with clear and easy-to-follow recipes

Approach

The Ext JS Cookbook contains step-by-step instructions for Ext JS users to build desktop-style interfaces in their own web applications. The book is designed so that you can refer to it chapter by chapter, or you can look at the list of recipes and read them in no particular order.

Who this book is for

The Ext JS Cookbook is for Ext JS users who want a book of useful techniques, with explanations, that they can refer to and adapt to their purposes. Developers who are already familiar with Ext JS will find practical guidance and numerous examples covering most of the library's features and components that can be used as a solid foundation to build upon when creating rich internet applications.

Ext JS 3.0 Cookbook

Jorge Ramon

---

Table of Contents

Ext JS 3.0 Cookbook

Credits

About the Author

About the Reviewer

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code for the book

Errata

Piracy

Questions

1. DOM and Data Types, the Ext JS Way

Introduction

Detecting browsers and platforms used by clients

How to do it...

How it works...

There's more...

Retrieving DOM nodes and elements

How to do it...

How it works...

There's more...

See also...

Acquiring references to Ext JS components

How to do it...

How it works...

There's more...

See also...

Running high-performance DOM queries

How to do it...

How it works...

There's more...

See also...

Encoding and decoding JSON

How to do it...

How it works...

There's more...

See also...

Encoding and decoding URL data

How to do it...

How it works...

There's more...

See also...

Determining the object type and converting empty references to a default value

How to do it...

How it works...

Finding objects in an array and removing array items

How to do it...

How it works...

Manipulating strings à la Ext JS

How to do it...

How it works...

Effortless range checking for numbers

How to do it...

How it works...

Formatting, parsing, and manipulating dates

How to do it...

How it works...

There's more...

Preventing naming conflicts and scoping non-global variables

How to do it...

How it works...

Extending JavaScript objects, the Ext JS way

How to do it...

How it works...

There's more...

Adding features to the Ext JS classes

How to do it...

How it works...

There's more...

See also...

Building custom JavaScript classes that inherit the functionality of Ext JS

How to do it...

How it works...

See also...

2. Laying Out a Rich User Interface

Introduction

Laying out items within a container using CSS-style absolute positioning

How to do it...

How it works...

Maintaining components' proportions when their containers are resized

How to do it...

How it works...

There's more...

Stacking items with an accordion layout

How to do it...

How it works...

There's more...

See also...

Wizard style UI using a card layout

How to do it...

How it works...

There's more...

See also...

Using a tabbed look

How to do it...

How it works...

There's more...

See also...

Taking all the browser window's real estate

How to do it...

How it works...

There's more...

Positioning components in multiple columns

How to do it...

How it works...

There's more...

See also...

Using the table layout

How to do it...

How it works...

There's more...

See also...

Creating a modern application layout with collapsible regions

How to do it...

How it works...

There's more...

See also...

A custom column layout

Getting ready...

How to do it...

How it works...

There's more...

See also...

A three-panel application layout with a single line of code

How to do it...

How it works...

There's more...

See also...

Creating a portal and a portlets catalog

How to do it...

How it works...

There's more...

See also...

3. Load, Validate, and Submit Forms

Introduction

Specifying the required fields in a form

How to do it...

How it works...

There's more...

See also...

Setting the minimum and maximum length allowed for a field's value

How to do it...

How it works...

There's more...

See also...

Changing the location where validation errors are displayed

How to do it...

How it works...

There's more...

See also...

Deferring field validation until form submission

How to do it...

How it works...

There's more...

See also...

Creating validation functions for URLs, email addresses, and other types of data

How to do it...

How it works...

There's more...

See also...

Confirming passwords and validating dates using relational field validation

How to do it...

How it works...

There's more...

See also...

Rounding up your validation strategy with server-side validation of form fields

How to do it...

How it works...

There's more...

See also...

Loading form data from the server

How to do it...

How it works...

There's more...

See also...

Serving the XML data to a form

How to do it...

How it works...

There's more...

See also...

Using forms for file uploads

How to do it...

How it works...

There's more...

See also...

Building friendlier forms using text hints

How to do it...

There's more...

See also...

4. Fun with Combo Boxes and Date Fields

Introduction

Using the combo box with local data

How to do it...

How it works...

There's more...

See also...

Displaying remote data with a combo box

How to do it...

How it works...

There's more...

See also...

Combo box with autocomplete

Getting ready...

How to do it...

How it works...

There's more...

See also...

How the combo box helps you type

How to do it...

How it works...

See also...

Converting an HTML drop-down list into an Ext combo box

How to do it...

How it works...

See also...

Cascading combo boxes

How to do it...

How it works...

There's more...

See also...

Using templ...

Table of contents

• Ext JS 3.0 Cookbook