Book Image

Mastering Ext JS

By : Loiane Groner
Book Image

Mastering Ext JS

By: Loiane Groner

Overview of this book

<p>Ext JS 4 is a JavaScript framework that provides you with the resources to build multi-browser, high-performance, and rich Internet applications.<br /><br />Mastering Ext JS is a practical, hands-on guide that will teach you how to develop a complete application with Ext JS. You’ll begin by learning how to create the project’s structure and login screen before mastering advanced level features such as dynamic menus and master-detail grids, before finally preparing the application for production.<br /><br />Mastering Ext JS will help you to utilize Ext JS to its full potential and will show you how to create a complete Ext JS application from the scratch, as well as explaining how to create a Wordpress theme.</p> <p><br />You will learn how to create user and group security, master-detail grids and forms, charts, trees, and how to export data to excel including PDF and images, always focusing on best practices.</p> <p><br />You will also learn how to customize themes and how to prepare the application to be ready for deployment upon completion. Each chapter of the book is focused on one task and helps you understand and master an individual aspect of the application.</p> <p><br />By the end of the book, you will have learned everything you need to know to truly master Ext JS and to start building advanced applications.</p>

Related Content you might be interested in

Current Title:

Small book image
Mastering Ext JS
Loiane Groner
Jul, 2013 | 358 pages
No titles found
Table of Contents (20 chapters)
Mastering Ext JS
Mastering Ext JS
Credits
Credits
About the Author
About the Author
Acknowledgement
Acknowledgement
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Getting Started
Getting Started
Installing the required software
Presenting the application and its capabilities
Creating the structure of the application using MVC
Creating the loading page
Summary
2
The Login Page
The Login Page
The Login screen
Creating the Login screen
Creating the login controller
Creating the User and Groups tables
Handling the login page on the server
Enhancing the Login screen
Summary
3
Logout and Multilingual
Logout and Multilingual
The base of the application
The logout capability
The multilingual capability
Summary
4
Advanced Dynamic Menu
Advanced Dynamic Menu
Creating the dynamic menu
Summary
5
User Identification and Security
User Identification and Security
Managing users
Listing all the users – simple Grid panel
Adding and editing a new user
Deleting a user
Summary
6
MySQL Table Management
MySQL Table Management
Presenting the tables
Creating the models
Creating the stores
Creating the menu items
Creating an abstract Grid panel for reuse
A generic controller for all tables
Summary
7
Content Management
Content Management
Managing information – films, clients, and rentals
Displaying the Film data grid
Editing in the Film grid panel
The films controller
Summary
8
Adding Extra Capabilities
Adding Extra Capabilities
Exporting the Grid panel to PDF and Excel
Printing Grid panel content with the Grid printer plugin
Creating the Sales by Film Category chart
Summary
9
The E-mail Client Module
The E-mail Client Module
Creating the inbox – list of e-mails
The mail menu (tree menu)
The mail container – organizing the e-mail client
The controller
Organizing e-mails – drag-and-drop
Creating a new message
Summary
10
Preparing for Production
Preparing for Production
Before we start
Customizing a theme
Packaging the application for production
From web to desktop – Sencha Desktop Packager
Summary
11
Building a WordPress Theme
Building a WordPress Theme
Before we start
A brief introduction to WordPress themes
Structuring our theme
Building the Header
Building the Footer
Building the Main page
Building the Sidebar
Building the single post page
Building the single page
Summary
12
Debugging and Testing
Debugging and Testing
Debugging Ext JS applications
Testing Ext JS applications
Helpful tools
From Ext JS to mobile
Third-party components and plugins
Summary
Index
Index

Managing users

So the first module we are going to develop is user management. In this module, we will be able to see all the users that are registered on the system, add new users, edit, and delete current users.

When the user clicks on the Users Menu option, a new tab is going to be opened with the list of all users from the system as shown in the following screenshot:

When the user clicks on the Add or Edit button, the system will display a window so the user can create a new user or edit a current user (based on the record selected on the Grid panel). The edit window will look like the following screenshot:

Some capabilities of creating or editing a user: we can edit the User Information such as Name, Username and so on. We can also upload a Picture representing the user. But there is an extra feature: using the HTML 5 API, we are going to display a preview of the Picture right after the user selects the Picture from the computer and before the user uploads it to the server.

So let's go...

Previous Section
End of Section 2
Next Section