Ext JS Data-driven Application Design

A step-by-step guide to building a user-friendly database in Ext JS using data from an existing database

Overview

• Discover how to layout the application structure with MVC and Sencha Cmd
• Learn to use Ext Direct during the application build process
• Understand how to set up the history support in the browser

In Detail

Sencha Ext JS is an industry leader for business-standard web application development. Ext JS is a leading JavaScript framework that comes with a myriad of components, APIs, and extensive documentation that you can harness to build powerful and interactive applications. Using Ext JS, you can quickly develop rich desktop web applications that are compatible with all major browsers.

This book will enable you to build databases using information from an existing database with Ext JS. It covers the MVC application architecture that enables development teams to work independently on one project. Additionally, the book teaches advanced charting capability, enabling developers to create state-of-the-art charts just once. These charts are compatible with major browsers without the need to rely on plugins.

This hands-on, practical guide will take you through the mechanics of building an application. In this instance, we will use this application to manage existing data structures in the form of a database.

You will begin by making SQL and tables in MySQL and will then move on to developing the project environment and introducing Sencha Cmd. You will learn to create a form to input data and monitor the state of the input, while seeing how Ext Direct will validate the form on the server side.

Finally, you will have a working application that is ready for you to customize to suit your needs. You can also use it as a template for any future projects when you need a similar database.

What you will learn from this book

• Understand an existing virtual company’s data structure, and make SQL and tables in MySQL
• Develop the environment of the project while introducing Sencha Cmd and using Ext.util.History at the same time
• Create a form to input data and transmit the data to a server via Ext Direct
• Discover how to display data and create data searches
• Implement a report that displays four different types of graph on the dashboard
• Implement the data import/export process to restore or backup the data

Approach

An in-depth tutorial that teaches you the basics of data-driven applications, and how to design and implement them using Ext JS.

Who this book is written for

If you are an intermediate in Sencha Ext JS, “Ext JS Data-Driven Application Design” is the tutorial for you. You need to be familiar with JavaScript and have basic operational knowledge of MySQL. If you want to be able to systematically construct an application from the first step to implementation, this book will be useful for you.

Table of Contents

Chapter 1: Data Structure
Chapter 2: Planning Application Design
Chapter 3: Data Input
Chapter 4: List and Search
Chapter 5: Reporting
Chapter 6: Data Management