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

Structuring our theme

Well, let's get started. Navigate to the themes directory to create our theme. The themes directory can be found at masteringextjs/wordpress/wp-content/themes (and the masteringextjs folder is inside the htdocs folder of the XAMPP application). Create a new folder named ext-theme as follows:

Create the following files: comments.php, footer.php, functions.php, header.php, index.php, page.php, sidebar.php, single.php, and style.css as follows (the files can be empty, we just need to create them):

Also create (or paste) a file named screenshot.png inside the ext-theme folder with the screenshot that will be used to represent the theme.

Now that we have the theme skeleton, we need to make our theme to appear on the WordPress dashboard. To do so, we need to modify the style.css file. Add the following content to the style.css file:

/*
Theme Name: Mastering Ext JS
Theme URI: http://packtpub.com
Description: Wordpress theme example for Mastering Ext JS Book - http://packtpub.com...
Previous Section
End of Section 4
Next Section