Oracle Application Express 4.0 with Ext JS

Deliver rich desktop-styled Oracle APEX applications using the powerful Ext JS JavaScript library with this book and eBook

Oracle Application Express 4.0 with Ext JS

Starting
Mark Lancaster

Deliver rich desktop-styled Oracle APEX applications using the powerful Ext JS JavaScript library with this book and eBook
$32.99
$54.99
RRP $32.99
RRP $54.99
eBook
Print + eBook
$29.99 p/month

Subscribe Now

Download this title FREE and instantly access over 3,500 courses today!

With unlimited access to a constantly growing library of over 3,500 courses, a subscription to Mapt gives you everything you need to get that next promotion or to land that dream job. Cancel anytime.

Code Files
+ Collection
Free Sample

Book Details

ISBN 139781849681063
Paperback392 pages

Book Description

Modern web-based applications are moving rapidly away from simple HTML pages, with users expecting desktop styled rich internet applications. Oracle Application Express includes multiple built-in interfaces especially designed for adding JavaScript libraries and components. Ext JS is a polished, high performance set of customizable UI widgets with a well designed and extensible Component model. Combining Ext JS components with the well engineered server side processing provided by Oracle APEX is a recipe for success.

Written by Oracle ACE, Mark Lancaster, this book is a complete practical guide to building robust desktop-styled web applications using Oracle Application Express and the powerful Ext JS JavaScript library

This book starts off by setting up a productive environment for Oracle APEX and Ext JS, preparing you to get ready to code, and then gradually introducing you to the Ext JS API. You then create a theme based on Ext JS into APEX from scratch, starting with integrating the Ext JS library into the page template, then covering all the template types.

You further enrich your interface by integrating Ext JS form components and Ext JS layout elements. You are shown how to integrate components including tab panels, toolbars and menus. Existing components are also enhanced, transforming select lists into auto-completing combo boxes and text-areas auto-sizing as you type.

Using exciting new Plug-ins feature, you will learn how to develop custom APEX components that can be used declaritively. This book extends native APEX functionality by integrating Ext JS widgets and components with integrated server-side JavaScript generation, AJAX processing and validation.

The book then covers integrating Plug-ins with APEX provided Dynamic Actions JavaScript. You proceed further to build advanced interactive components using AJAX enabled trees and grids.

Then you will see how to use the iFrames component along with page templates to build a multi-page interface and also deal with JavaScript communication between iFrames.

Finally, you will integrate Ext JS with jQuery using the Ext jQuery adaptor. This book also covers examples of jQuery functionality interacting with Ext JS. By the end of this book you will also learn to improve the performance of your JavaScripts.

Table of Contents

Chapter 1: Setting up an Oracle APEX and Ext JS Environment
Setting up for success
Installing Oracle APEX
Downloading Ext JS
Which web server to use?
Oracle HTTP Server
Embedded PL/SQL Gateway
Oracle APEX listener
Overviewing the production setup
Using Ext JS in a hosted APEX environment
Installing a source code repository
Automating the build process
Setting up a local web server
Summary
Chapter 2: Getting Acquainted with Ext
Building a sandbox
Cross-browser DOM manipulation with Ext.Element
Defining event handlers
Parameter passing using object notation
Use namespacing to avoid collisions
Ext.BLANK_IMAGE_URL
Summary
Chapter 3: Building a Ext JS Theme into APEX
Theme basics
Creating a theme
Building a Viewport Page template
Summary
Chapter 4: Ext Themed Regions, Labels, and Lists
Region templates
Label templates
List templates
Summary
Chapter 5: Ext Themed Buttons, Popups, Calendars, and Reports
Button templates
Popup List of Values template
Breadcrumb templates
Report templates
Calendar templates
Publishing your theme
Summary
Chapter 6: Adding Ext Layout Elements
Speed dating with a Date Picker
Resizable text areas
Auto-sizing text areas
Auto-completing text fields
Building tab panels using subregions
Toolbars and menus
Summary
Chapter 7: Working with Plug-ins and Dynamic Actions
A home for your plug-ins and dynamic actions
Building a better Number Field
Summary
Chapter 8: Data Stores, AJAX-enabled Plug-ins, and Dynamic Actions
Storing data on the browser client
Building a ComboBox plug-in
Mixing ComboBoxes with Dynamic Actions
Summary
Chapter 9: Getting Interactive with GridPanels
Components making up a GridPanel
Getting the GridPanel into APEX
GridPanel as a region plug-in
Using the TableGrid
Summary
Chapter 10: IFrame Tabs, Panels, and Popup Windows
Embedding pages using iFrame panels
IFrame panel plug-in
Modal popup windows
Creating a tabbed document interface
Summary
Chapter 11: Performance Tuning Your JavaScript
Best practices for JavaScript and CSS
JSBuilder2 installation and usage
Eliminating unused Ext JS library components
Minimizing Application JavaScript
Summary

What You Will Learn

  • Set up a productive development environment for both Oracle APEX and Ext JS
  • Set up a source code repository, to store all database schema scripts, web-server assets, install scripts and third party libraries
  • Automate your build process, to simplify the deployment of your applications and reduce errors
  • Create rich and responsive user interfaces that display intuitive visual cues using template types such as buttons, popup list of values, breadcrumbs, calendars, and reports
  • Build a simple standalone testing page to isolate testing without worrying about interaction with APEX
  • Build a theme based on Ext JS into APEX from scratch
  • Customize the appearance of individual tree nodes using the substitution tags and specifying JavaScript code
  • Build Tab Panels using sub regions, toolbars, and menus
  • Enhance your applications using APEX plug-ins, covering dynamic actions, item plug-ins, region plug-ins and report column plug-ins
  • Enhance JavaScript functionality on your web pages by adding server-side validation to the Plug-in
  • Performance tune your JavaScript

 

Authors

Table of Contents

Chapter 1: Setting up an Oracle APEX and Ext JS Environment
Setting up for success
Installing Oracle APEX
Downloading Ext JS
Which web server to use?
Oracle HTTP Server
Embedded PL/SQL Gateway
Oracle APEX listener
Overviewing the production setup
Using Ext JS in a hosted APEX environment
Installing a source code repository
Automating the build process
Setting up a local web server
Summary
Chapter 2: Getting Acquainted with Ext
Building a sandbox
Cross-browser DOM manipulation with Ext.Element
Defining event handlers
Parameter passing using object notation
Use namespacing to avoid collisions
Ext.BLANK_IMAGE_URL
Summary
Chapter 3: Building a Ext JS Theme into APEX
Theme basics
Creating a theme
Building a Viewport Page template
Summary
Chapter 4: Ext Themed Regions, Labels, and Lists
Region templates
Label templates
List templates
Summary
Chapter 5: Ext Themed Buttons, Popups, Calendars, and Reports
Button templates
Popup List of Values template
Breadcrumb templates
Report templates
Calendar templates
Publishing your theme
Summary
Chapter 6: Adding Ext Layout Elements
Speed dating with a Date Picker
Resizable text areas
Auto-sizing text areas
Auto-completing text fields
Building tab panels using subregions
Toolbars and menus
Summary
Chapter 7: Working with Plug-ins and Dynamic Actions
A home for your plug-ins and dynamic actions
Building a better Number Field
Summary
Chapter 8: Data Stores, AJAX-enabled Plug-ins, and Dynamic Actions
Storing data on the browser client
Building a ComboBox plug-in
Mixing ComboBoxes with Dynamic Actions
Summary
Chapter 9: Getting Interactive with GridPanels
Components making up a GridPanel
Getting the GridPanel into APEX
GridPanel as a region plug-in
Using the TableGrid
Summary
Chapter 10: IFrame Tabs, Panels, and Popup Windows
Embedding pages using iFrame panels
IFrame panel plug-in
Modal popup windows
Creating a tabbed document interface
Summary
Chapter 11: Performance Tuning Your JavaScript
Best practices for JavaScript and CSS
JSBuilder2 installation and usage
Eliminating unused Ext JS library components
Minimizing Application JavaScript
Summary

Book Details

ISBN 139781849681063
Paperback392 pages
Read More

Read More Reviews

DEAL OF THE DAY

Sign up here to get exclusive deep discounts on our latest and bestselling eBooks, delivered straight to your inbox every day.

FREE LEARNING FOREVER

Master new IT skills and unlock valuable software & web development knowledge with a FREE eBook every day.

Recommended for You

Sencha MVC Architecture
$ 9.99
A practical guide for designers and developers to create scalable enterprise-class web applications in ExtJS and Sencha Touch using the Sencha MVC architecture with this book and ebook.
Ext JS 4 Web Application Development Cookbook
$ 34.99
Whether you’re a newcomer or well versed in Ext JS, this cookbook will increase your skills and enable you to create interactive, cross-platform web applications using Sencha’s latest JavaScript framework. Packed with recipes and examples.
Instant Sencha Touch
$ 12.99
Build native applications with Sencha Touch easily and efficiently
Ext JS 4 Plugin and Extension Development
$ 19.99
This book makes it fast and fun for ExtJS developers to get to grips with developing plugins and extensions. The step-by-step instructions, with plentiful examples and code, will give you the skills in no time.
Creating Mobile Apps with Sencha Touch 2
$ 26.99
If you have basic to intermediate knowledge of Sencha Touch, this tutorial will give you a deep insight into its full capabilities when creating mobile apps. Learn the language through building ten unique applications.
Ext JS 4 First Look
$ 26.99
A practical guide including examples of the new features in Ext JS 4 and tips to migrate from Ext JS 3.