Book Image

Learning Ext JS 3.2

By : Shea Frederick, Colin Ramsay, Steve 'Cutter' Blades, Nigel White
Book Image

Learning Ext JS 3.2

By: Shea Frederick, Colin Ramsay, Steve 'Cutter' Blades, Nigel White

Overview of this book

<p>As more and more of our work is done through a web browser, and more businesses build web rather than desktop applications, users want web applications that look and feel like desktop applications. Ext JS is a JavaScript library that makes it (relatively) easy to create desktop-style user interfaces in a web application, including multiple windows, toolbars, drop-down menus, dialog boxes, and much more. Yet, most web developers fail to use this amazing library to its full power.</p> <p>This book covers all of the major features of the Ext framework using interactive code and clear explanation coupled with loads of screenshots. Learning Ext JS will help you create rich, dynamic, and AJAX-enabled web applications that look good and perform beyond the expectations of your users.</p> <p>From the building blocks of the application layout, to complex dynamic Grids and Forms, this book will guide you through the basics of using Ext JS, giving you the knowledge required to create rich user experiences beyond typical web interfaces. It will provide you with the tools you need to use AJAX, by consuming server-side data directly into the many interfaces of the Ext JS component library. You will also learn how to use all of the Ext JS widgets and components smartly, through interactive examples.By using a series of straightforward examples backed by screenshots, Learning Ext JS 3.2 will help you create web applications that look good and perform beyond the expectations of your users.</p>
Table of Contents (22 chapters)
Learning Ext JS 3.2
Credits
About the Authors
About the Reviewers
Preface

Time for (further) action


Ok! So now we've seen how to get our Ext JS party started and ask the user a question. Now let's see what we can do with their answers. Let's add to our dialog's function so that we can decide what to do in response to each of the button-clicks. A switch statement can take care of deciding what to do in each case:

fn: function(btn) {
switch(btn){
case 'yes':
Ext.Msg.prompt('Milton', 'Where is it?');
break;
case 'no':
Ext.Msg.alert('Milton', 'I\'m going to burn the building down!');
break;
case 'cancel':
Ext.Msg.wait('Saving tables to disk...','File Copy');
break;
}
}

Note

Note how an apostrophe may be inserted into an apostrophe-delimited string by prefixing the character with a backslash. The same principle applies to inserting a "double" quote into a quote-delimited string.

Remember those built in dialog types I mentioned earlier? Well we just used some of them. They offer us pre-configured dialogs which let us accomplish some common tasks without spending time writing...