Practical Ext JS Projects with Gears (Practical Projects)

Cover......Page 1
Contents at a Glance......Page 7
Contents......Page 9
About the Author......Page 15
About the Technical Reviewer......Page 17
About the Illustrator......Page 19
Acknowledgments......Page 21
Introduction......Page 23
Introducing Web Development with Ext JS......Page 29
Ajax (for Those Living under a Rock the Past 2–3 Years)......Page 35
The Benefits of Ajax (and by Extension, RIAs)......Page 36
Array......Page 47
Date......Page 48
Ext......Page 50
Function......Page 56
Number......Page 57
String......Page 58
Ext.Ajax......Page 60
Ext.DomHelper......Page 62
Ext.DomQuery......Page 65
Ext.Updater......Page 69
Ext.util.CSS......Page 70
Ext.util.DelayedTask......Page 71
Ext.util.Format......Page 72
Ext.util.JSON......Page 75
Ext.util.MixedCollection......Page 76
Ext.util.TaskRunner......Page 79
Ext.util.TextMetrics......Page 80
Widgets and Advanced Ext JS......Page 83
The Hierarchy of Widgets......Page 84
The Basics of Widget Usage......Page 86
Viewport......Page 88
BorderLayout......Page 91
Accordion......Page 93
CardLayout......Page 95
TableLayout......Page 96
AnchorLayout......Page 98
TabPanel......Page 100
Form Widgets......Page 101
FormPanel......Page 102
TextField......Page 103
DateField......Page 104
HtmlEditor......Page 105
TextArea......Page 107
Radio/RadioGroup......Page 108
ComboBox......Page 109
TimeField......Page 110
Form Validation......Page 111
Menus and Toolbars (Oh My!)......Page 113
Trees in Ext JS......Page 116
Grids in Ext JS......Page 119
The Other Widgets......Page 121
DatePicker
......Page 122
Slider......Page 123
ProgressBar
......Page 125
Database......Page 150
Ext JS for a Busy Lifestyle: OrganizerExt......Page 157
The DAO Class......Page 170
Class Fields......Page 179
The Initialization Code......Page 180
The Data Stores......Page 184
The Record Descriptors......Page 187
Populating the Data Stores......Page 188
The “New Note” (and, Indirectly, the “New task”) Dialog......Page 189
The New Appointment Dialog......Page 193
Building the User Interface: The buildUI() Method......Page 196
Making the Accordion Work: Changing Categories......Page 213
Switching Between Icon View and List View......Page 215
Showing Details of a Selected Item......Page 217
Making Project Management Cool: TimekeeperExt......Page 221
DAO.js......Page 229
StoresAndRecords.js......Page 235
A Custom RowSelectionModel......Page 237
Initializing the application......Page 240
Populating the projectManagersStore......Page 241
Building the UI......Page 242
Populating the Trees......Page 245
Showing Project, Task, and Resource Status......Page 247
ProjectSummary.js, ResourceSummary.js, and TaskSummary.js......Page 251
ProjectsTree.js, TasksTree.js, and ResourcesTree.js......Page 253
Menu.js......Page 255
NewProjectDialog.js, NewTaskDialog.js, and NewResourceDialog.js......Page 259
ModifyProjectDialog.js......Page 268
ModifyResourceDialog.js......Page 274
DeleteProjectDialog.js, DeleteResourceDialog.js, and DeleteTaskDialog.js......Page 280
A Place for Your Stuff: Code Cabinet Ext......Page 285
DAO.js......Page 291
StoresAndRecords.js......Page 298
CodeCabinetExt.js......Page 301
Viewport.js......Page 308
Toolbar.js......Page 311
Tree.js......Page 317
Details.js......Page 319
SearchForm.js......Page 327
SearchResults.js......Page 332
When the Yellow pages Just Isn’t Cool enough: Local Business Search......Page 335
The Yahoo! Local Search Service......Page 343
The Yahoo! Map Image Service......Page 346
DAO.js......Page 353
StoresAndRecords.js......Page 354
LocalBusinessSearch.js......Page 360
Viewport.js......Page 366
Header.js......Page 367
Details.js......Page 376
Favorites.js......Page 384
Search.js......Page 386
Your Dad had a Workbench, Now So Do You: SQL Workbench......Page 397
SQLWorkbench.js......Page 405
StoresAndRecords.js......Page 409
DatabasesWindow.js......Page 411
TablesWindow.js......Page 419
CreateTableWindow.js......Page 423
TableDetailsWindow.js......Page 429
Defining the Structure Tab......Page 431
Defining the Browse Tab......Page 433
Populating the Structure Tab......Page 434
Populating the Browse Tab......Page 435
Executing Various “Simple” Operations......Page 437
Renaming and Copying a Table......Page 441
Parsing the Creation SQL Statement......Page 442
QueryToolWindow.js......Page 448
Help.js......Page 456
All Work and No Play: Dueling Cards......Page 463
Some WorkerPool Code......Page 468
Limitations and Solutions......Page 469
Data.js......Page 475
SetupCode.js......Page 478
Pre-loading Images......Page 481
Creating the Card Stack Images......Page 484
Creating cardDescriptors......Page 485
IndicatorsCode.js......Page 486
MenuCode.js......Page 490
Starting a New Game......Page 497
Generating a fiShuffledfl Deck of Car......Page 499
Starting a New Game Part Deux......Page 500
Dealing New Action Cards......Page 501
Dealing a New Action Card......Page 502
Dealing a New Card for the Player or Opponent......Page 503
Handling a Player Card Drop......Page 506
Determining Player Drop Validity......Page 507
Ending the Game......Page 508
Showing the Title Sequence......Page 509
Constructing the Worker......Page 512
The Message Handler Method......Page 513
The gameLoop() Method......Page 515
Handling Messages from the Opponent Worker......Page 518
The Faux Stack Click Method......Page 520
Managing Your Finances: Finance Master......Page 523
A Warning About Warnings......Page 525
StoresAndRecords.js......Page 532
DataAccess.js......Page 535
Initializing the Data Access Layer......Page 539
Working with Portfolios......Page 540
Working with Accounts......Page 541
Working with Activity Records......Page 542
FinanceMaster.js......Page 544
Initializing the Application......Page 546
Completing Initialization......Page 551
OpenPortfolioWindow.js......Page 552
Defining the Portlet’s UI......Page 557
Adding an Account......Page 561
Reacting to Events......Page 562
Defining the Portlet’s UI......Page 564
Refreshing the Chart......Page 565
Reacting to Events......Page 567
Defining the Portlet’s UI......Page 568
Deleting an Activity Record......Page 574
Adding an Activity Record......Page 575
Reacting to Events......Page 577
Defining the Portlet’s UI......Page 579
Refreshing the Chart......Page 580
Reacting to Events......Page 581
Index......Page 585