Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Mastering ExtJS - Second Edition
  • Table Of Contents Toc
  • Feedback & Rating feedback
Mastering ExtJS - Second Edition

Mastering ExtJS - Second Edition - Second Edition

By : Loiane Avancini
4 (3)
Buy this Book
close
close
Mastering ExtJS - Second Edition

Mastering ExtJS - Second Edition

4 (3)
By: Loiane Avancini
Buy this Book

Overview of this book

If you are a developer who is familiar with Ext JS and want to augment your skills to create even better web applications, this is the book for you. Basic knowledge of JavaScript/HTML/CSS and any server-side language (PHP, Java, C#, Ruby, or Python) is required.
Table of Contents (13 chapters)
close
close
close
Preface
Icon
Preface
Icon
What this book covers
Icon
What you need for this book
Icon
Who this book is for
Icon
Conventions
Icon
Reader feedback
Icon
Customer support
Lock Free Chapter
1
1. Sencha Ext JS Overview
Icon
1. Sencha Ext JS Overview
Icon
Understanding Sencha Ext JS
Icon
Ext JS overview
Icon
Installing Ext JS
Icon
Summary
2
2. Getting Started
Icon
2. Getting Started
Icon
Preparing the development environment
Icon
Presenting the application and its capabilities
Icon
Creating the application with Sencha Cmd
Icon
Creating the loading page
Icon
Summary
3
3. The Login Page
Icon
3. The Login Page
Icon
The Login screen
Icon
Creating the Login screen
Icon
Enhancing the Login screen
Icon
Summary
4
4. The Logout and Multilingual Capabilities
chevron up
Icon
4. The Logout and Multilingual Capabilities
Icon
The base of the application – view/main/Main.js
Icon
Logout capability
Icon
Client-side activity monitor
Icon
The multilingual capability
Icon
Summary
5
5. Advanced Dynamic Menu
Icon
5. Advanced Dynamic Menu
Icon
An overview of the dynamic menu
Icon
The database model – groups, menus, and permissions
Icon
The dynamic menu – an MVC approach
Icon
Summary
6
6. User Management
Icon
6. User Management
Icon
Managing users
Icon
Summary
7
7. Static Data Management
Icon
7. Static Data Management
Icon
Presenting the tables
Icon
Creating a Model
Icon
Creating a Store
Icon
Creating an abstract GridPanel for reuse
Icon
Generic Controller for all tables
Icon
Debug tip – Sencha extension for Chrome
Icon
Summary
8
8. Content Management
Icon
8. Content Management
Icon
Managing information – films
Icon
Displaying the Film data grid
Icon
Creating the films container
Icon
Creating the ViewController
Icon
The Films ViewController
Icon
Summary
9
9. Adding Extra Capabilities
Icon
9. Adding Extra Capabilities
Icon
Exporting a GridPanel to PDF and Excel
Icon
Printing GridPanel content with the GridPrinter plugin
Icon
Creating a Sales by Film Category chart
Icon
Summary
10
10. Routing, Touch Support, and Debugging
Icon
10. Routing, Touch Support, and Debugging
Icon
Ext JS routing
Icon
Using the responsive design plugin
Icon
Enabling touch support
Icon
Debugging Ext JS applications
Icon
Testing Ext JS applications
Icon
Helpful tools
Icon
Third-party components and plugins
Icon
Summary
11
11. Preparing for Production and Themes
Icon
11. Preparing for Production and Themes
Icon
Before we start
Icon
Creating a new theme
Icon
Packaging the application for production
Icon
Summary
12
Index
Icon
Index

The base of the application – view/main/Main.js

When we implemented the success function in the Submit button listener on the login controller, we mentioned the Packt.view.main.Main class. We are going to reuse this class (it was automatically created by Sencha Cmd when we created the project) as the base of our application. Before we start with the hands-on approach, let's take a look at what is going to be the result of the application by the end of this chapter:

The base of the application – view/main/Main.js

The Viewport

Whenever we construct an application entirely with Ext JS (because we do have the option of using a single component rendered to a <div> tag if we want to, in a manner similar to what is done in jQuery), we need to use a component that is going to be the base of the application. This component is the Viewport. The Viewport is a specialized container representing the viewable application area (the browser viewport). The Viewport renders itself to the document body, and automatically sizes itself to...

Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Mastering ExtJS - Second Edition
End of Section 4
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon