Mastering Ext JS

Written as a practical step-by-step tutorial, Mastering Ext JS is full of engaging examples to help you learn in a practical context. Mastering Ext JS is for developers who are familiar with using Ext JS and want to take their skills to the next level by mastering Ext JS and creating even better web applications

Table of Contents:
Chapter 1: Getting Started Chapter 2: The Login Page Chapter 3: Logout and Multilingual Chapter 4: Advanced Dynamic Menu Chapter 5: User Identification and Security Chapter 6: MySQL Table Management Chapter 7: Content Management Chapter 8: Adding Extra Capabilities Chapter 9: The E-mail Client Module Chapter 10: Preparing for Production Chapter 11: Building a WordPress Theme Chapter 12: Debugging and Testing Index Preface Up Chapter 1: Getting Started Installing the required software Presenting the application and its capabilities The splash screen The login screen The main screen User control management MySQL table management Content management control The e-mail client module Creating the structure of the application using MVC A quick word about MVC Creating the application Creating the loading page Summary Up Chapter 2: The Login Page The Login screen Creating the Login screen Client-side validations Creating custom VTypes Adding the toolbar with buttons Running the code Using itemId versus id Ext.Cmp is bad! Creating the login controller Adding the controller to app.js Listening to the button click event Cancel button listener implementation Submit button listener implementation Creating the User and Groups tables Handling the login page on the server Connecting to the database login.php Handling the return of the server logged in or not? Success versus failure Enhancing the Login screen Applying a loading mask on the form while authenticating Form submit on Enter The Caps Lock warning message Summary Up Chapter 3: Logout and Multilingual The base of the application The logout capability Refactoring the login and logout code Handling the logout capability on the server The client-side activity monitor The multilingual capability Creating the change language component Creating the translation files Applying the translation on the application's components HTML5 local storage Handling the language change in real-time Locale translating Ext JS Summary Up Chapter 4: Advanced Dynamic Menu Creating the dynamic menu The database model groups, menus, and permissions Creating the menu models hasMany association Creating the store loading the menu from the server Handling the dynamic menu on the server Creating the menu with Accordion panel and Tree panel Replacing the central container on the viewport Creating the menu controller-side Rendering the menu from nested JSON (hasMany association) Opening a menu item dynamically Changing app.js Summary Up Chapter 5: User Identification and Security Managing users Listing all the users simple Grid panel User model Users store Users Grid panel Users controller Adding and editing a new user Creating the edit view a form within a window The group model The groups store The controller listening to the add button The controller listening to the edit button The controller saving a user The controller listening to the cancel button Previewing a file before uploading it Deleting a user Summary Up Chapter 6: MySQL Table Management Presenting the tables Creating the models Abstract model Specific models Creating the stores The Abstract Store The Abstract Proxy Specific stores Creating the menu items Creating an abstract Grid panel for reuse Handling the action column in the MVC architecture Setting iconCls instead of icon on the action column The Live Search plugin versus the Filter plugin Specific Grid panels for each table A generic controller for all tables Loading the Grid panel store when the grid is rendered Adding a new record on the Grid panel Editing an existing record Deleting handling the action column on the controller Saving the changes autoSync configuration Canceling the changes Clearing the filter Listening to store events on the controller Summary Up Chapter 7: Content Management Managing information films, clients, and rentals Displaying the Film data grid The Film model Films store Film data grid (with paging) Handling paging on the server side Creating the controller Editing in the Film grid panel Packt.view.sakila.WindowForm Film categories Store Edit view Search categories MultiSelect Film actors Store Edit view Searching for actors live search combobox The films controller Loading the existing film information within the Edit form Getting the MultiSelect values Getting the selected actor from live search Summary Up Chapter 8: Adding Extra Capabilities Exporting the Grid panel to PDF and Excel Exporting to PDF Generating the PDF file on the server (PHP) Exporting to Excel Printing Grid panel content with the Grid printer plugin Creating the Sales by Film Category chart Pie chart Column chart The chart panel Changing the chart type Exporting charts to images (PNG and SVG) Exporting charts to PDF Summary Up Chapter 9: The E-mail Client Module Creating the inbox list of e-mails The mail message model The mail messages store The mail list view The preview mail panel The mail menu (tree menu) The mail menu tree store Creating the mail menu view The mail container organizing the e-mail client The controller Previewing an e-mail Organizing e-mails drag-and-drop Creating a new message Dynamically displaying Cc and Bcc fields Adding the file upload fields dynamically Summary Up Chapter 10: Preparing for Production Before we start Customizing a theme Packaging the application for production What to deploy in production Benefits From web to desktop Sencha Desktop Packager Installation Mac OS and Linux Windows Packaging the application Required changes on the server side Ajax versus JSONP versus CORS Summary Up Chapter 11: Building a WordPress Theme Before we start A brief introduction to WordPress themes Structuring our theme Building the Header Creating the Ext JS code Building the Footer Building the Main page Building the Sidebar Building the single post page Building the single page Summary Up Chapter 12: Debugging and Testing Debugging Ext JS applications Testing Ext JS applications Generating the "test" build with Sencha command Installing Siesta and creating test cases Helpful tools From Ext JS to mobile Third-party components and plugins Summary