Table Of ContentInstant Ext JS Starter
Find out what Ext JS actually is, what you can do with it,
and why it's so great
Nagarajan Bhava
BIRMINGHAM - MUMBAI
Instant Ext JS Starter
Copyright © 2013 Packt Publishing
All rights reserved. No part of this book may be reproduced, stored in a retrieval system,
or transmitted in any form or by any means, without the prior written permission of the
publisher, except in the case of brief quotations embedded in critical articles or reviews.
Every effort has been made in the preparation of this book to ensure the accuracy of the
information presented. However, the information contained in this book is sold without
warranty, either express or implied. Neither the author, nor Packt Publishing, and its dealers
and distributors will be held liable for any damages caused or alleged to be caused directly or
indirectly by this book.
Packt Publishing has endeavored to provide trademark information about all of the companies
and products mentioned in this book by the appropriate use of capitals. However, Packt
Publishing cannot guarantee the accuracy of this information.
First published: April 2013
Production Reference: 1220413
Published by Packt Publishing Ltd.
Livery Place
35 Livery Street
Birmingham B3 2PB, UK.
ISBN 978-1-78216-610-8
www.packtpub.com
Credits
Author Project Coordinator
Nagarajan Bhava Suraj Bist
Reviewer Proofreader
Indroniel Deb Roy Ting Baker
Acquisition Editor Graphics
Usha Iyer Ronak Dhruv
Commissioning Editor Production Coordinator
Ameya Sawant Melwyn D'sa
Technical Editor Cover Work
Lubna Shaikh Melwyn D'sa
About the Author
Nagarajan Bhava is a User Interface Architect, who actively explores, designs, and develops
user interfaces using the latest UI technologies. He has over 14 years of experience—12 years in
IT and 2 years in Control system design engineering.
His work on user interfaces started during pre-Ajax days, for a Business Analytic product with
thick-client and Windows desktop-like features in a thin web browser client interface and he is
continuing his development for SaaS-based Cloud security service.
He primarily works on user interface designs, developing intuitive rich user interfaces using
the latest User Interface frameworks (such as jQuery, MooTools, YUI, DOJO, and Ext JS), Ajax,
JavaScript, HTML5, CSS, and Web 2.0 technologies, along with Java J2EE backend technologies.
He has recently taken an interest in designing user interfaces for mobile devices.
He is creative and loves to research various upcoming UI trends and implements them wherever
applicable. He has a passion for UI design and is an artist by hobby.
I would like to thank my parents, Mohanlal and Gokhila, for the sacrifices they
made to bring me so many opportunities.
I would like to thank my wife, Vaishnavi, for giving me the time, space, love,
and support needed to work on this project.
I would also like to thank my co-worker, Indroniel Deb Roy, for reviewing
the book.
And a special thanks to the editorial staff at Packt Publishing for believing
in me.
About the Reviewer
Indroniel Deb Roy works as a Senior UI Engineer. He has worked with various JavaScript
technologies, such as ExtJs, Sencha Touch, JQuery, JQuery Mobile, and Backbone for the past
four years. He also worked in iOS Objective C, Flex, J2EE server-side technologies, and has
recently started with Node.js.
He has worked in companies such as Yahoo, Oracle, and Novell in the past. He is a co-founder
of mTgr8 Inc and Netitude Inc.
He has written several technical papers in the field of Ajax, XML and Flex.
You can find his blogs at http://indronieldebroy.sys-con.com/.
I would like to thank my family for their support.
www.PacktPub.com
Support files, eBooks, discount offers, and more
You might want to visit www.PacktPub.com for support files and downloads related to your book.
Did you know that Packt Publishing offers eBook versions of every book published, with PDF
and ePub files available? You can upgrade to the eBook version at www.PacktPub.com and as a
print book customer, you are entitled to a discount on the eBook copy. Get in touch with us at
[email protected] for more details.
At www.PacktPub.com, you can also read a collection of free technical articles, sign up for
a range of free newsletters, and receive exclusive discounts and offers on Packt Publishing
books and eBooks.
www.PacktLib.PacktPub.com
Do you need instant solutions to your IT questions? PacktLib is Packt's online digital book
library. Here, you can access, read and search across Packt's entire library of books.
Why Subscribe?
Ê Fully searchable across every book published by Packt
Ê Copy and paste, print, and bookmark content
Ê On demand and accessible via web browser
Free Access for Packt Publishing account holders
If you have an account with Packt at www.PacktPub.com, you can use this to access PacktLib
today and view nine entirely free books. Simply use your login credentials for immediate access.
Table of Contents
Instant Ext JS Starter 1
So, what is Ext JS? 3
Installation and environment setup 5
Step 1 – What do you need? 5
Step 2 – Installing the browser and debugger 5
Step 3 – Installing the web server 5
Step 4 – Unpacking Ext JS 6
Step 5 –Testing Ext JS library. 7
And that's it 8
Quick start – Creating and defining your Ext JS application 9
Step 1 – Preparing for an Ext JS application 9
Step 2 – The MVC architecture 11
Step 3 – Defining your Ext JS application 11
Step 4 – Understanding the Ext JS class hierarchy 12
Step 5 – Defining and creating the Ext JS class 13
Step 6 – Instantiating Ext JS components 16
Step 7 – Using Ext JS Lang functions 18
Top features you'll want to know about 20
1 – Layout mechanism 20
2 – Containers 22
Ext.container.Viewport 22
Ext.container.Container 23
Ext.container.ButtonGroup 24
3 – Components and data package 24
Tabpanel 24
Container with card layout 26
Data package 26
Grid panel 28
Infinite scrolling 30
