Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library 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 Learning Ext JS_Fourth Edition
  • Table Of Contents Toc
Learning Ext JS_Fourth Edition

Learning Ext JS_Fourth Edition

By : Carlos A Mendez Segura, Villa, Gonzalez
4.3 (4)
Buy this Book
close
close
Learning Ext JS_Fourth Edition

Learning Ext JS_Fourth Edition

4.3 (4)
By: Carlos A Mendez Segura, Villa, Gonzalez
Buy this Book

Overview of this book

If you are a JavaScript developer who now wants to use the Ext JS framework, this is the book for you. This guide is useful to you whether you're new to Ext JS 5 or are a seasoned expert. Experience in HTML, CSS, and JavaScript is required in order to understand and get the most out of this book.
Table of Contents (17 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. An Introduction to Ext JS 5
Icon
1. An Introduction to Ext JS 5
Icon
Considering Ext JS for your next project
Icon
Getting started with Ext JS
Icon
Our first program
Icon
Tools and editors
Icon
What's new in Ext JS 5?
Icon
Summary
2
2. The Core Concepts
Icon
2. The Core Concepts
Icon
The class system
Icon
Loading classes on demand
Icon
Working with the DOM
Icon
Summary
3
3. Components and Layouts
chevron up
Icon
3. Components and Layouts
Icon
The component life cycle
Icon
About containers
Icon
The layout system
Icon
More layouts
Icon
Comments about using layouts
Icon
Summary
4
4. It's All about the Data
Icon
4. It's All about the Data
Icon
Ajax
Icon
Models
Icon
Working with the store
Icon
Retrieving remote data
Icon
Sending data
Icon
Summary
5
5. Buttons and Toolbars
Icon
5. Buttons and Toolbars
Icon
Event-driven development
Icon
Creating a simple button
Icon
Segmented buttons
Icon
Adding menus
Icon
Toolbars
Icon
The breadcrumb bar
Icon
The main menu for our application
Icon
Summary
6
6. Doing It with Forms
Icon
6. Doing It with Forms
Icon
The form component
Icon
The available fields
Icon
The field container
Icon
Triggers
Icon
Submitting the data
Icon
Summary
7
7. Give Me the Grid
Icon
7. Give Me the Grid
Icon
The data connection (models and stores)
Icon
A basic grid
Icon
Columns
Icon
Column renderers
Icon
The Widget column
Icon
Selection models
Icon
Grid listeners
Icon
Features
Icon
Plugins
Icon
Grid paging
Icon
Infinite scrolling
Icon
Summary
8
8. DataViews and Templates
Icon
8. DataViews and Templates
Icon
The data connection (model and store)
Icon
A basic DataView
Icon
Handling events in DataView
Icon
Templates
Icon
A more complex DataView component
Icon
Summary
9
9. The Tree Panel
Icon
9. The Tree Panel
Icon
A basic tree panel
Icon
The TreeStore
Icon
Tree nodes
Icon
Adding and removing nodes
Icon
The check tree
Icon
The tree grid panel
Icon
Summary
10
10. Architecture
Icon
10. Architecture
Icon
The MVC and MVVM patterns
Icon
Creating our first application
Icon
Creating a module
Icon
Router – implementing and using
Icon
Summary
11
11. The Look and Feel
Icon
11. The Look and Feel
Icon
Setting up our environment
Icon
The packages folder
Icon
Variables
Icon
Advanced theming
Icon
Different styles for the same component
Icon
Supporting legacy browsers
Icon
Summary
12
12. Responsive Configurations and Tablet Support
Icon
12. Responsive Configurations and Tablet Support
Icon
Overview
Icon
Implementing responsiveness to the application
Icon
Summary
13
13. From Drawing to Charting
Icon
13. From Drawing to Charting
Icon
Basic drawing
Icon
Adding interaction
Icon
Charts
Icon
Series examples
Icon
More charts
Icon
Introducing chart themes
Icon
Enhancing our application with charts
Icon
Summary
14
14. Finishing the Application
Icon
14. Finishing the Application
Icon
Preparing for deployment
Icon
The Sencha command
Icon
Testing the application
Icon
Summary
15
15. What's Next?
Icon
15. What's Next?
Icon
Forums
Icon
Resources
Icon
Third-party plugins (commercial)
Icon
Third-party plugins (free)
Icon
The future
Icon
Final thoughts
Icon
Summary
16
Index
Icon
Index

Chapter 3. Components and Layouts

One of the greatest features in Ext JS is the ability to create complex layouts to arrange our components in different ways using the layout system and containers. Since the early versions of the library, Ext JS has had a great layout system. Since Version 4.x, there are new layouts and some other parts have been redesigned in order to have better performance and usability.

In this chapter, you're going to learn about how components work, learn the container types, how to use layouts, and how to make use of nested layouts to achieve complex designs.

We're going to cover the following topics in this chapter:

  • Components
  • Containers
  • The layout system
  • Available layouts
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.
Learning Ext JS_Fourth Edition
End of Section 3
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