Extending Dojo and dojo.

E

Confidential – © 2007, Nexaweb Technologies, Inc.

Agenda
• Extending Dojo
– Creating Reusable Objects – Widgets – Events – Integrating dojo Data

• dojo.E
– Markup – Runtime – Widgets – XBL

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.
3

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 enterpriseoriented 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

Thank you

12