PacktLib: Learning Ext JS 4

Learning Ext JS 4

Credits

About the Authors

About the Reviewers

www.PacktPub.com

Preface

The Basics

Should I use Ext JS for my next project?

Getting started with Ext JS

Our first program

Editors

Building an application

Summary

The Core Concepts

The class system

Loading classes on demand

Working with the DOM

Manipulation – How to change it?

Summary

Components and Layouts

The components lifecycle

About containers

The layout system

Summary

It's All About the Data

Ajax

Models

Dealing with the store

Retrieving remote data

Sending data

Summary

Buttons and Toolbars

Event driven development

A simple button

Adding menus

Toolbars

The main menu for our application

Summary

Doing it with Forms

The form component

Available fields

The field container

Submitting the data

Summary

Give me the Grid

The data connection (models and stores)

A basic grid panel

Columns

Columns renderers

Selection models

Grid listeners

Features

Plugins

Grid paging

Infinite scrolling

Summary

Architecture

The MVC pattern

Creating our first application

Creating a module

Summary

DataViews and Templates

The data connection (models and stores)

A basic dataview

Handling events on the dataview

Templates

A more complex dataview

Summary

The Tree Panel

A basic tree panel

The TreeStore

Tree nodes

Tree drag-and-drop

Adding and removing nodes

The check tree

The grid tree

Adding an invoices' categories tree panel

Summary

Drag and Drop

Make an item draggable

Hitting the drop zone

Drag and drop between Ext JS components

Enhancing our application with drag and drop

Summary

Look and Feel

Setting up our environment

The resources folder

Variables

Advanced theming

Different styles for the same component

Supporting legacy browsers

Summary

From Drawing to Charting

Basic drawing

Adding interaction

Charts

Series examples

Enhancing our application with charts

Summary

Index