Ext JS Data-driven Application Design


Ext JS Data-driven Application Design
eBook: $20.99
Formats: PDF, PacktLib, ePub and Mobi formats
$17.84
save 15%!
Print + free eBook + free PacktLib access to the book: $55.98    Print cover: $34.99
$34.99
save 37%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Overview
Table of Contents
Author
Support
Sample Chapters
  • 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

Book Details

Language : English
Paperback : 162 pages [ 235mm x 191mm ]
Release Date : December 2013
ISBN : 1782165444
ISBN 13 : 9781782165446
Author(s) : Kazuhiro Kotsutsumi
Topics and Technologies : All Books, Application Development, Open Source


Table of Contents

Preface
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
Index
  • Chapter 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
  • Chapter 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
  • Chapter 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
  • Chapter 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
  • Chapter 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
  • Chapter 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

Kazuhiro Kotsutsumi

Kazuhiro Kotsutsumi was born in Sapporo, Japan in 1979. He started using C/C++ at the age of 14 and proceeded to learn MASM, Delphi, ActionScript, PHP, C#, Perl, and so on.

After working for a web systems development company while enrolled at college, he began programming built-in functions for cell phones.

Having worked as a Project Manager and a freelance programmer for one year, he established his company Xenophy CO., LTD in 2006.

Xenophy has always offered a variety of IT web solutions and has become synonymous with the promotion and expansion of Sencha in Japan.

Currently, Xenophy is a Sencha Reseller and the official Sencha training partner in Japan. In September 2013, Xenophy announced the launch of Sencha Official Training in Japan, a fully localized course with Sencha's official training materials adapted for the Japanese market.

He has already published two Sencha Ext JS guides in Japanese, including Sencha EXT JS 4 – A Practical Developing Guide and he recently co-authored a Sencha Touch guide.

Sorry, we don't have any reviews for this title yet.

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.

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

Ext JS Data-driven Application Design +    Joomla! 1.5 JavaScript jQuery =
50% Off
the second eBook
Price for both: $29.70

Buy both these recommended eBooks together and get 50% off the cheapest eBook.

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

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.

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 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.

Code Download and Errata
Packt Anytime, Anywhere
Register Books
Print Upgrades
eBook Downloads
Video Support
Contact Us
Awards Voting Nominations Previous Winners
Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
Resources
Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software