Extending Extending Dojo and Dojo and

dojo.Edojo.E

Confidential – © 2007, Nexaweb Technologies, Inc.

Agenda

• Extending Dojo– Creating Reusable Objects

– Widgets

– Events

– Integrating dojo Data

• dojo.E– Markup

– Runtime

– Widgets

– XBL

3

Creating Reusable Objects

• dojo.declare– Creates an object that inherits from an array of other

objects

• dojo.mixin– Does what is says. Mixes in the properties and

function of one object into another object

• dojo.extend– Add

• dojo.require– Notifies dojo that a class is required from the server.

• dojo.provide– Notifies dojo that a particular JavaScript file supplies

the implementation of a certain class.

Widgets

• Dijit is the package that provides the widgeting infrastructure

• dijit._Widget

– The base widget class for all the widgets. Provides basic widget infrastructure.

• dijit._Template

– Allows developers to supply a template that will be used as HTML presentation.

Events

• Connect to events in the Widget

– dojoAttachEvent

• Routing events to the external parties

– “on” attributes will register the handler automatically.

• dojo.connect

– Allow developers to externally connect to events provided by an Object.

Dojo.data

• Tied into specific widgets

– <dojox.widget.SortList store=“myStore”/>

• Multiple Store types that implement a standard interface.

• Process for Inclusion:

– Capture events from the store.

– Pull data from the objects.

– Build the UI based on the information.

Build System

• Bundles and Compresses dojo components.

• Need to check it out of SVN

– http://svn.dojotoolkit.org/src

• Needs to be placed under the utils directory

• Make a profile.

• Kick off the build

8

What is dojo.E?

• dojo.E is a set of extensions for the dojo toolkit that make it easier to create enterprise web applications

• dojo.E makes it easier to build enterprise web applications because it allows developers to use an XML-based markup language to create user interfaces, handle events, make DOM modifications, and manage state transitions. dojo.E also provides a number of enterprise-oriented widgets that will help enhance the usability, look and feel, and layout of business applications.

Who is dojo.E for?

• dojo.E is for enterprise developers who want to build rich Internet applications whose bailiwick (definition: a persons of area skill, knowledge or work) isn’t Javascript and/or Ajax.

• Businesses and users are looking for better, more productive applications. Ajax delivers a richer, more productive and engaging user experience and a more responsive application. dojo.E let’s enterprise developers leverage Ajax to enhance old applications or build new ones using a structured, XML-based markup language.

What are the extensions?

• dojo.E Markup - Renders XML into dojo components/widgets based on a loose syntax where every component, property and event defined within dojo is associated with a namespace, a tag, and an attribute. Example – dojo button

• dojo.E Runtime - Provides a programmatic and declarative means for executing DOM modifications and UI state transitions

• Enterprise Widgets - dojo.E provides a number of enterprise-oriented widgets that will help enhance the usability, look and feel, and layout of business applications. These widgets include enhancements to

12

Thank you