Book Image

Oracle Application Express 4.0 with Ext JS

By : Mark Lancaster
Book Image

Oracle Application Express 4.0 with Ext JS

By: Mark Lancaster

Overview of this book

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 (18 chapters)
Oracle Application Express 4.0 with Ext JS
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface
Index

IFrame panel plug-in


The IFrame plug-in we are creating could also be implemented as a APEX Region Template. By making it a plug-in, more attributes can be exposed to use declaratively.

The full source for the database package and JavaScript is included in the Chapter 10 source files, available on the Packt site.

Plugin name:

Ext.apex.IFramePanel

Type:

Region

Callbacks:

Render function name:plug_ext_iframepanel.render

Standard attributes:

none

Custom attributes:

Label

Type

Required

Depending on

Values

Default

URL

Text

Yes

   

Width (px)

Number

Yes

   

Height (px)

Number

Yes

   

Collapsible

Select List

Yes

 

true, false

true

Collapsed

Select List

Yes

Collapsible

true, false

false

Frame

Select List

Yes

 

true, false

true

Resize Handles

Select List

Yes

 

south: s

east: e

south and east: s e se

all: all

none: none

s e se

The attributes used for the iFrame panel Plug-in are very straightforward; the URL attribute defines the source page for the iFrame, whereas...