Search icon Close icon
Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Checkout

Change country

Modal Close icon
Country selected Country selected
country flag Germany
Country selected
country flag Slovakia
Country selected
country flag Canada
Country selected
country flag Brazil
Country selected
country flag Singapore
Country selected
country flag Hungary
Country selected
country flag Philippines
Country selected
country flag Mexico
Country selected
country flag Thailand
Country selected
country flag Ukraine
Country selected
country flag Luxembourg
Country selected
country flag Estonia
Country selected
country flag Lithuania
Country selected
country flag Norway
Country selected
country flag Chile
Country selected
country flag United States
Country selected
country flag Great Britain
Country selected
country flag India
Country selected
country flag Spain
Country selected
country flag South Korea
Country selected
country flag Ecuador
Country selected
country flag Colombia
Country selected
country flag Taiwan
Country selected
country flag Switzerland
Country selected
country flag Indonesia
Country selected
country flag Cyprus
Country selected
country flag Denmark
Country selected
country flag Finland
Country selected
country flag Poland
Country selected
country flag Malta
Country selected
country flag Czechia
Country selected
country flag New Zealand
Country selected
country flag Austria
Country selected
country flag Turkey
Country selected
country flag France
Country selected
country flag Sweden
Country selected
country flag Italy
Country selected
country flag Egypt
Country selected
country flag Belgium
Country selected
country flag Portugal
Country selected
country flag Slovenia
Country selected
country flag Ireland
Country selected
country flag Romania
Country selected
country flag Greece
Country selected
country flag Argentina
Country selected
country flag Malaysia
Country selected
country flag South Africa
Country selected
country flag Netherlands
Country selected
country flag Bulgaria
Country selected
country flag Latvia
Country selected
country flag Australia
Country selected
country flag Japan
Country selected
country flag Russia
Country selected
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Learning Ext JS_Fourth Edition

You're reading from   Learning Ext JS_Fourth Edition Create powerful web applications with the new and improved Ext JS 5 library

Arrow left icon
Product type Paperback
Published in Jul 2015
Publisher
ISBN-13 9781784394387
Length 452 pages
Edition 1st Edition
Tools
Concepts
Arrow right icon
Authors (3):
Arrow left icon
Carlos A Mendez Segura Carlos A Mendez Segura
Author Profile Icon Carlos A Mendez Segura
Carlos A Mendez Segura
Carlos A. Méndez is a freelance developer and graphic designer living in México, with expertise in web development since 2000 and Windows development since 1998. He has also worked with Ext JS since version 2.x up to the present day. Since 1998, he has developed and designed administrative applications for accounting, payroll, inventory, human resource control, restaurants, hotels, and much more—applications that are in production and up to date. Trying to explore creativity with a deep passion, Carlos has created many Ext JS components and VB components for private companies and was also involved in graphic design, such as illustrations and small animations used for interactive presentations by some companies in México. He always has a passion for creating and learning new things on the Web. He is the founder and development manager of the company administrationonline.com, which is focused on administrative applications. Carlos is involved in many projects around the world and also provides support and maintenance to many Ext JS projects ranging from 2.x to 5.x.
Read more
See other products by Carlos A Mendez Segura
Crysfel Villa Crysfel Villa
Author Profile Icon Crysfel Villa
Crysfel Villa
Crysfel Villa is a senior software engineer at Modus Create. He's a passionate JavaScript coder and an accomplished software developer with over 10 years' experience in technical training, consulting, and systems analysis. Crysfel loves to write about emerging technologies and he has deployed several apps to the Apple Store using React Native. He currently lives in NY and can be found attending tech meetups throughout the city. You can follow him on Twitter at @crysfel.
Read more
See other products by Crysfel Villa
Armando Gonzalez Armando Gonzalez
Author Profile Icon Armando Gonzalez
Armando Gonzalez
Armando Gonzalez is a Software Engineer with more than 4 years of experience in developing enterprise applications with Ext JS. He has plenty of experience in server-side technologies like PHP, Java J2EE, Node JS, and ROR. Before he started with Ext JS he was a Java and PHP developer. Since he started using JavaScript and Ext JS he became a JavaScript Evangelist, and started training teams on JavaScript and Ext JS. He loves to teach and share his knowledge with other developers and is always trying to make them use this awesome library. In early 2012 Armando started a software company, Codetlan, with some of his friends. This company focuses on developing enterprise applications using Sencha technologies. He is also a minor actionist in a Mexican startup called Cursame, where he developed the mobile version of the application and helped developing the main application using ROR technologies. If you want to know more about his work, you can follow him on Twitter (@manduks) or can watch his Open Source projects on Github (manduks).
Read more
See other products by Armando Gonzalez
Arrow right icon
View More author details
Toc

Table of Contents (17) Chapters Close

Preface 1. An Introduction to Ext JS 5 2. The Core Concepts FREE CHAPTER 3. Components and Layouts 4. It's All about the Data 5. Buttons and Toolbars 6. Doing It with Forms 7. Give Me the Grid 8. DataViews and Templates 9. The Tree Panel 10. Architecture 11. The Look and Feel 12. Responsive Configurations and Tablet Support 13. From Drawing to Charting 14. Finishing the Application 15. What's Next? 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
lock icon The rest of the chapter is locked
arrow left Previous Section
Section 1 of 7
Next Section arrow right
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Sign up now
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Start free trial
Renews at $19.99/month. Cancel anytime

Authors (3)

Left arrow icon
Profile icon Carlos A Mendez Segura
Carlos A Mendez Segura
Carlos A. Méndez is a freelance developer and graphic designer living in México, with expertise in web development since 2000 and Windows development since 1998. He has also worked with Ext JS since version 2.x up to the present day. Since 1998, he has developed and designed administrative applications for accounting, payroll, inventory, human resource control, restaurants, hotels, and much more—applications that are in production and up to date. Trying to explore creativity with a deep passion, Carlos has created many Ext JS components and VB components for private companies and was also involved in graphic design, such as illustrations and small animations used for interactive presentations by some companies in México. He always has a passion for creating and learning new things on the Web. He is the founder and development manager of the company administrationonline.com, which is focused on administrative applications. Carlos is involved in many projects around the world and also provides support and maintenance to many Ext JS projects ranging from 2.x to 5.x.
Read more
See other products by Carlos A Mendez Segura
Profile icon Villa
Villa
Crysfel Villa is a senior software engineer at Modus Create. He's a passionate JavaScript coder and an accomplished software developer with over 10 years' experience in technical training, consulting, and systems analysis. Crysfel loves to write about emerging technologies and he has deployed several apps to the Apple Store using React Native. He currently lives in NY and can be found attending tech meetups throughout the city. You can follow him on Twitter at @crysfel.
Read more
See other products by Villa
Profile icon Gonzalez
Gonzalez
Armando Gonzalez is a Software Engineer with more than 4 years of experience in developing enterprise applications with Ext JS. He has plenty of experience in server-side technologies like PHP, Java J2EE, Node JS, and ROR. Before he started with Ext JS he was a Java and PHP developer. Since he started using JavaScript and Ext JS he became a JavaScript Evangelist, and started training teams on JavaScript and Ext JS. He loves to teach and share his knowledge with other developers and is always trying to make them use this awesome library. In early 2012 Armando started a software company, Codetlan, with some of his friends. This company focuses on developing enterprise applications using Sencha technologies. He is also a minor actionist in a Mexican startup called Cursame, where he developed the mobile version of the application and helped developing the main application using ROR technologies. If you want to know more about his work, you can follow him on Twitter (@manduks) or can watch his Open Source projects on Github (manduks).
Read more
See other products by Gonzalez
Right arrow icon

Personalised recommendations for you

Based on your interests and search pattern
Left arrow icon
Modern Full-Stack React Projects
Modern Full-Stack React Projects
Read more
Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.
Read more
Jun 2024 16h 52m
Modern Full-Stack React Projects
Modern Full-Stack React Projects
Read more
Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.
Read more
Jun 2024 16h 52m
Modern Full-Stack React Projects
Modern Full-Stack React Projects
Read more
Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.
Read more
Jun 2024 16h 52m
Modern Full-Stack React Projects
Modern Full-Stack React Projects
Read more
Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.
Read more
Jun 2024 16h 52m
Modern Full-Stack React Projects
Modern Full-Stack React Projects
Read more
Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.
Read more
Jun 2024 16h 52m
Modern Full-Stack React Projects
Modern Full-Stack React Projects
Read more
Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.
Read more
Jun 2024 16h 52m
Modern Full-Stack React Projects
Modern Full-Stack React Projects
Read more
Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.
Read more
Jun 2024 16h 52m
Modern Full-Stack React Projects
Modern Full-Stack React Projects
Read more
Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.
Read more
Jun 2024 16h 52m
Mastering Node.js Web Development
Mastering Node.js Web Development
Read more
Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.
Read more
Jun 2024 25h 56m
Mastering Node.js Web Development
Mastering Node.js Web Development
Read more
Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.
Read more
Jun 2024 25h 56m
Mastering Node.js Web Development
Mastering Node.js Web Development
Read more
Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.
Read more
Jun 2024 25h 56m
Mastering Node.js Web Development
Mastering Node.js Web Development
Read more
Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.
Read more
Jun 2024 25h 56m
Right arrow icon