Ext JS Data-Driven Application Design电子书

Ext JS Data-driven Application Design

Table of Contents

Ext JS Data-driven Application Design

Credits

Foreword

About the Author

About the Reviewers

www.PacktPub.com

Support files, eBooks, discount offers and more

Why Subscribe?

Free Access for Packt account holders

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

Errata

Piracy

Questions

1. Data Structure

The structure of the application – User, Customer, Quotation, Quotations, Bill, and Bills

The user

The customer

Quotation and Quotations

Quotation

Quotations

Bill and Bills

Bill

Bills

Creating and dealing with the customer structure tables

The User table

The Customer table

The Quotation table

The Bill table

Creating each operation and testing

User authentication

Selecting the user list

Adding users

Updating the user information

Deleting users

The Customers table

The customer information list

Selecting the quotation list

Items

The Bill table

Summary

2. Planning Application Design

Setting up Sencha Cmd and a local development environment

Options

Categories

Commands

Creating a project with Sencha Cmd

Creating a component test

Check how it's working

Making production build

CT in individual views

View component

Adding controllers

Creating views

Navigation

Dashboard

MyAccount

Quotation and bill

Viewport

Creating controllers

Main

Navigation

Dashboard

MyAccount

Quotation and bill

Using Ext.util.History for directly accessing a screen

Adding logic to the controller

Setting up Ext Direct

Creating the Ext Direct router

Creating the Ext Direct module

Applying Ext Direct to the client application

Testing Ext Direct

Summary

3. Data Input

Creating the login page

Creating the MyAccount form

Creating the Quotation form

Store

The field and grid components

TopToolbar

Creating the Bill form

Managing dirty and undirty apps

MyAccount

The Quotation form

The Bill form

Implementing the read and write processes using Ext Direct

Reading data

MyAccount

The Quotation form

The Bill form

Writing data and validations

Summary

4. List and Search

Creating the Quotation list

Creating the Quotation model

Updating the Quotation view

Implementing the Quotation controller

Loading the grid and implementing toolbar buttons

Managing toolbar buttons depending on the grid selection's status

Using a search trigger field and a relation URL hash

Summary

5. Reporting

Creating charts on dashboard

Pie chart for CT

Bar chart for CT

Line chart for CT

Radar chart for CT

Layout to dashboard

Creating a pie chart

Implementing the Direct function

Preparing the store for the pie chart

Creating the View

Implementing the controller

Creating a bar chart

Implementing the Direct function

Preparing the store for the chart

Creating the view

Implementing the controller

Creating a line chart

Implementing the Direct function

Preparing the store for the chart

Creating the view

Implementing the controller

Creating a radar chart

Implementing the Direct function

Preparing the store for the chart

Creating the view

Implementing the controller

Summary

6. Data Management

Designing Import and Export

Data format

Creating the Import and Export views in Quotation

Preparing the server side for export

Creating a temporary view for import

Creating the CT view for import

Creating Upload and Show Data in the grid

Executing the Import data

Summary

Index