Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Learning Ext JS_Fourth Edition
Learning Ext JS_Fourth Edition

Learning Ext JS_Fourth Edition: Create powerful web applications with the new and improved Ext JS 5 library

Arrow left icon
Profile Icon Carlos A Mendez Segura Profile Icon Villa Profile Icon Gonzalez
Arrow right icon
€18.99 per month
Full star icon Full star icon Full star icon Full star icon Half star icon 4.3 (4 Ratings)
Paperback Jul 2015 452 pages 1st Edition
eBook
€22.99 €32.99
Paperback
€41.99
Subscription
Free Trial
Renews at €18.99p/m
Arrow left icon
Profile Icon Carlos A Mendez Segura Profile Icon Villa Profile Icon Gonzalez
Arrow right icon
€18.99 per month
Full star icon Full star icon Full star icon Full star icon Half star icon 4.3 (4 Ratings)
Paperback Jul 2015 452 pages 1st Edition
eBook
€22.99 €32.99
Paperback
€41.99
Subscription
Free Trial
Renews at €18.99p/m
eBook
€22.99 €32.99
Paperback
€41.99
Subscription
Free Trial
Renews at €18.99p/m

What do you get with a Packt Subscription?

Free for first 7 days. $19.99 p/m after that. Cancel any time!
Product feature icon Unlimited ad-free access to the largest independent learning library in tech. Access this title and thousands more!
Product feature icon 50+ new titles added per month, including many first-to-market concepts and exclusive early access to books as they are being written.
Product feature icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Product feature icon Thousands of reference materials covering every tech concept you need to stay up to date.
Subscribe now
View plans & pricing
Table of content icon View table of contents Preview book icon Preview Book

Learning Ext JS_Fourth Edition

Chapter 2. The Core Concepts

In this chapter, you're going to learn about the class system, which was first introduced in Ext JS version 4. You are also going to learn how to load classes dynamically and how to interact with the Document Object Model (DOM) to modify the structure of the DOM tree for our convenience.

You should know that JavaScript is classless (prototype-oriented); however, we can emulate it using the prototype object and other techniques. One of the major features of Ext JS is that since version 4, all the code in the framework was developed with a class-based structure. Along with naming conventions, it's easy to learn and understand, and keep the code organized, structured, and easy to maintain.

Knowing and understanding the concept of the Object-Oriented Programming System (OOPS) is very important. This book may not be a focused guide on the concept of OOPS, but you are going to learn how we can use and implement this concept in Ext JS.

The following...

The class system

In version 4, the class system was completely redesigned and new features were added. It became a more powerful way to extend and create classes. And Ext JS 5 keeps the same structure and consistency as version 4.

In order to create classes, Ext JS uses the Ext.ClassManager object internally to manage the associations between the names, aliases, or alternate names we define. And all classes (existing and new) use Ext.Base as the base code.

It's not recommended to use these classes directly; instead we should use the following shorthands:

  • Ext.define: This shorthand is used to create a new class, extend a class, or whenever we need to apply some override(s) in a class.
  • Ext.create: This shorthand creates a new instance of a class, using either the fullname class, the alias class, or the alternate name class. Using any of these options, the class manager handles the correct mapping to create the class. We can also use this shorthand to create objects from an existing class...

Loading classes on demand

When we develop large applications, performance is really important. We should only load the scripts we need; this means that if we have many modules in our application, we should separate them into packages so we would be able to load them individually.

Ext JS, since version 4, allows us to dynamically load classes and files when we need them, also we can configure dependencies in each class and the Ext library will load them for us.

You need to understand that using the loader is great for development, that way we can easily debug the code because the loader includes all the classes one by one. However, it's not recommended to load all the Ext classes in production environments. We should create packages of classes and then load them when needed, but not class by class.

In order to use the loader system, we need to follow some conventions when defining our class.

  • Define only one class per file.
  • The name of the class should match the name of the JavaScript file...

Working with the DOM

Ext JS provides an easy way to deal with the DOM. We can create nodes, change styles, add listeners, and create beautiful animations, among other things without worrying about the browser's implementations. Ext JS provides us with a cross-browser compatibility API that will make our lives easier.

The responsible class for dealing with the DOM nodes is the Ext.Element class. This class is a wrapper for the native nodes and provides us with many methods and utilities to manipulate the nodes.

Note

Manipulating DOM directly is considered bad practice and none of the DOM markup should be placed in the index file. This example exists only for illustrative purposes.

Getting elements

The Ext.get method let us retrieve a DOM element encapsulated in the Ext.dom.Element class, retrieving this element by its ID. This will let us modify and manipulate the DOM element. Here is a basic example:

<!doctype html>
<html>
<head>
<meta http-equiv="X-UA-Compatible...

Summary

When using Ext JS, we need to change our mind and see everything as an object or class. We need to think carefully how we're going to organize the classes, as this will help us in the future chapters. Also you learned how to work with OOP with the class system in Ext JS.

You also learned about the loader system to import our classes dynamically, managing dependencies for us, and only loading what we need. At the end of this chapter, you learned about the DOM and how to perform a search in order to manipulate the nodes easily.

In the next chapter, you'll learn about the layout system, a powerful way to create and manage our layouts. Using and combining several types of layouts will help us to create unique interfaces.

Left arrow icon Right arrow icon

Description

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.

What you will learn

  • Create applications with powerful web components designed for an easy end user experience
  • Discover how Ext JS works and how to make good use of this tool
  • Understand the basics of web applications using Ext JS
  • Use the new features of version 5 in your applications
  • Build agile and responsive web applications using Ext JS
  • Understand the MVVM application model to connect the model layer to the view
  • Easily customize sizing, spacing, colors, fonts, and so on in the new touchfriendly themes

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Publication date : Jul 31, 2015
Length: 452 pages
Edition : 1st
Language : English
ISBN-13 : 9781784394387
Vendor :
jQuery
Tools :

What do you get with a Packt Subscription?

Free for first 7 days. $19.99 p/m after that. Cancel any time!
Product feature icon Unlimited ad-free access to the largest independent learning library in tech. Access this title and thousands more!
Product feature icon 50+ new titles added per month, including many first-to-market concepts and exclusive early access to books as they are being written.
Product feature icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Product feature icon Thousands of reference materials covering every tech concept you need to stay up to date.
Subscribe now
View plans & pricing

Product Details

Publication date : Jul 31, 2015
Length: 452 pages
Edition : 1st
Language : English
ISBN-13 : 9781784394387
Vendor :
jQuery
Tools :

Packt Subscriptions

See our plans and pricing
Modal Close icon
€18.99 billed monthly
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Simple pricing, no contract
€189.99 billed annually
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just €5 each
Feature tick icon Exclusive print discounts
€264.99 billed in 18 months
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just €5 each
Feature tick icon Exclusive print discounts

Frequently bought together


Stars icon
Total 83.98
Learning Ext JS_Fourth Edition
€41.99
Mastering ExtJS - Second Edition
€41.99
Total 83.98 Stars icon

Table of Contents

16 Chapters
1. An Introduction to Ext JS 5 Chevron down icon Chevron up icon
2. The Core Concepts Chevron down icon Chevron up icon
3. Components and Layouts Chevron down icon Chevron up icon
4. It's All about the Data Chevron down icon Chevron up icon
5. Buttons and Toolbars Chevron down icon Chevron up icon
6. Doing It with Forms Chevron down icon Chevron up icon
7. Give Me the Grid Chevron down icon Chevron up icon
8. DataViews and Templates Chevron down icon Chevron up icon
9. The Tree Panel Chevron down icon Chevron up icon
10. Architecture Chevron down icon Chevron up icon
11. The Look and Feel Chevron down icon Chevron up icon
12. Responsive Configurations and Tablet Support Chevron down icon Chevron up icon
13. From Drawing to Charting Chevron down icon Chevron up icon
14. Finishing the Application Chevron down icon Chevron up icon
15. What's Next? Chevron down icon Chevron up icon
Index Chevron down icon Chevron up icon

Customer reviews

Rating distribution
Full star icon Full star icon Full star icon Full star icon Half star icon 4.3
(4 Ratings)
5 star 75%
4 star 0%
3 star 0%
2 star 25%
1 star 0%
Davor Lozic Aug 22, 2015
Full star icon Full star icon Full star icon Full star icon Full star icon 5
I'm one of the technical reviewers of this book. I can say that I've enjoyed reading every chapter of this book. It is full of examples, suited for both beginners who never developed anything in ExtJS or experts who just want to learn new concepts of ExtJS version 5. Book includes chapters with creating the whole pallet of GUI elements, concepts like MVVM, MVC, and creating reusable code.The chapter I was enjoying the most was "Chapter 4: It's All about the Data", where authors gave a lot of great examples with working with data, AJAX calls, mappers, validators, relationships, etc. For me it is the most valuable part of the book because most of my applications are data-driven.This book has everything one developer needs for creating the enterprise-level software with ExtJS.
Amazon Verified review Amazon
Philip Arad Aug 28, 2015
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Over the past few years, Ext JS has become a popular and powerful JavaScript framework for desktop application development.The new Sencha Ext JS 5 library offers hundreds of components and APIs to build robust applications and fulfills the critical needsof customers all around the world.The new version 5 is packed with new themes and the MVVM architecture that allows you to connect the model layer to the view andautomatically update the model when the view is modified and vice versa.Since the learning curve for Ext JS is not very easy/fast, you will need a good book to help you through.'Learning Ext JS - Fourth Edition' from Packt Publishing is the right book for you.This book covers many new features and components of Ext JS 5. At the beginning, you will learn the core concepts of Sencha Ext JS,components, data models, and mapping.Then it will teaches you about event-driven development, forms and grids, charts and themes, and third-party plugins.Later on in the book, you'll learn the implementations of the Tree panel, the MVC pattern, and a completely new feature called MVVM.By working sequentially through each chapter and following the step-by-step guides, you will be able to create a basic application.The book was written with the easiest and most comprehensible points so that you can understand the basics,This book is intended for developers who have the desire to learn and begin using this framework for their applications,and also for developers who have not started using the current version.It is written as an easy-to-follow guide that will help you understand the basics and fundamentals of the framework.If you have experience with previous versions of the framework, this book may clear many of your doubts about upgrading and how thingshappen in version 5.x.This book covers all of the basic information you need to know to start development with this nice and powerful framework.
Amazon Verified review Amazon
Shinobu Kawano Sep 22, 2015
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Ext JS framework has enormous amount of functionality therefore most beginners would be overwhelmed with that. Although Sencha offers various learning material, learning Ext JS is still a difficult task."Learning Ext JS" is a light in the dark for many beginners who want to get an overview of this huge framework.This book introduces many aspects of the Ext JS, sometimes concisely, and sometimes in detail. Especially, the description of fundamentals (class system, component lifecycle, data packages, etc) is well-organized. I can assure you that you will begin with Ext JS smoothly.Plus, many supplement tips is embedded in a lot of places. It would be useful for not only beginners but also seasoned Ext JS developers.
Amazon Verified review Amazon
Sam D Oct 13, 2015
Full star icon Full star icon Empty star icon Empty star icon Empty star icon 2
The book gives a descent overview of the framework, but leaves gapping holes at very important intersections.1.) For instance, not enough detail on MVVM implementation in extjs, it's such a big paradigm shift in ExtJS 5+, but the author only dedicates 2 pages in the book to it. This leaves you needing much more.2.) When considering details on the store...it shows you how to add, remove, filter, getById, but doesn't take a look at how to build additional basic queries. Again, leaving you wanting more.I'm not happy with the book, but it's a shame, that there is so much lacking in terms of learning extjs.
Amazon Verified review Amazon
Get free access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

What is included in a Packt subscription? Chevron down icon Chevron up icon

A subscription provides you with full access to view all Packt and licnesed content online, this includes exclusive access to Early Access titles. Depending on the tier chosen you can also earn credits and discounts to use for owning content

How can I cancel my subscription? Chevron down icon Chevron up icon

To cancel your subscription with us simply go to the account page - found in the top right of the page or at https://subscription.packtpub.com/my-account/subscription - From here you will see the ‘cancel subscription’ button in the grey box with your subscription information in.

What are credits? Chevron down icon Chevron up icon

Credits can be earned from reading 40 section of any title within the payment cycle - a month starting from the day of subscription payment. You also earn a Credit every month if you subscribe to our annual or 18 month plans. Credits can be used to buy books DRM free, the same way that you would pay for a book. Your credits can be found in the subscription homepage - subscription.packtpub.com - clicking on ‘the my’ library dropdown and selecting ‘credits’.

What happens if an Early Access Course is cancelled? Chevron down icon Chevron up icon

Projects are rarely cancelled, but sometimes it's unavoidable. If an Early Access course is cancelled or excessively delayed, you can exchange your purchase for another course. For further details, please contact us here.

Where can I send feedback about an Early Access title? Chevron down icon Chevron up icon

If you have any feedback about the product you're reading, or Early Access in general, then please fill out a contact form here and we'll make sure the feedback gets to the right team. 

Can I download the code files for Early Access titles? Chevron down icon Chevron up icon

We try to ensure that all books in Early Access have code available to use, download, and fork on GitHub. This helps us be more agile in the development of the book, and helps keep the often changing code base of new versions and new technologies as up to date as possible. Unfortunately, however, there will be rare cases when it is not possible for us to have downloadable code samples available until publication.

When we publish the book, the code files will also be available to download from the Packt website.

How accurate is the publication date? Chevron down icon Chevron up icon

The publication date is as accurate as we can be at any point in the project. Unfortunately, delays can happen. Often those delays are out of our control, such as changes to the technology code base or delays in the tech release. We do our best to give you an accurate estimate of the publication date at any given time, and as more chapters are delivered, the more accurate the delivery date will become.

How will I know when new chapters are ready? Chevron down icon Chevron up icon

We'll let you know every time there has been an update to a course that you've bought in Early Access. You'll get an email to let you know there has been a new chapter, or a change to a previous chapter. The new chapters are automatically added to your account, so you can also check back there any time you're ready and download or read them online.

I am a Packt subscriber, do I get Early Access? Chevron down icon Chevron up icon

Yes, all Early Access content is fully available through your subscription. You will need to have a paid for or active trial subscription in order to access all titles.

How is Early Access delivered? Chevron down icon Chevron up icon

Early Access is currently only available as a PDF or through our online reader. As we make changes or add new chapters, the files in your Packt account will be updated so you can download them again or view them online immediately.

How do I buy Early Access content? Chevron down icon Chevron up icon

Early Access is a way of us getting our content to you quicker, but the method of buying the Early Access course is still the same. Just find the course you want to buy, go through the check-out steps, and you’ll get a confirmation email from us with information and a link to the relevant Early Access courses.

What is Early Access? Chevron down icon Chevron up icon

Keeping up to date with the latest technology is difficult; new versions, new frameworks, new techniques. This feature gives you a head-start to our content, as it's being created. With Early Access you'll receive each chapter as it's written, and get regular updates throughout the product's development, as well as the final course as soon as it's ready.We created Early Access as a means of giving you the information you need, as soon as it's available. As we go through the process of developing a course, 99% of it can be ready but we can't publish until that last 1% falls in to place. Early Access helps to unlock the potential of our content early, to help you start your learning when you need it most. You not only get access to every chapter as it's delivered, edited, and updated, but you'll also get the finalized, DRM-free product to download in any format you want when it's published. As a member of Packt, you'll also be eligible for our exclusive offers, including a free course every day, and discounts on new and popular titles.