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
$12.99 p/month

Want this title & more? Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.
+ Collection
Free Sample

Book Details

ISBN 139781849681063
Paperback392 pages

About This Book

  • Build robust, feature-rich web applications using Oracle APEX and Ext JS
  • Add more sophisticated components and functionality to an Oracle APEX application using Ext JS
  • Build your own themes based on Ext JS into APEX - developing templates for regions, labels, and lists
  • Create plug-ins in your application workspace to enhance the existing built-in functionality of your APEX applications
  • Extend native APEX functionality using Ext JS Widgets and Components through Plug-ins and Dynamic Actions
  • Written in clear, plain English, this book is packed with working examples and innovative tips

Who This Book Is For

If you are an Oracle APEX application developer who wants to take APEX applications to the next level by taking advantage of Ext JS features, this book is for you. Prior knowledge of Oracle APEX is required, however, no prior knowledge of Ext JS is required.

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

 

In Detail

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.

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