extending dojo and dojo.e
DESCRIPTION
This slide deck walks developers through how to create a dojo Widgets and utilize dojo to create an Object Oriented Application. There is a sample application that is available on http://www.nexaweb.comTRANSCRIPT
![Page 1: Extending dojo and dojo.E](https://reader035.vdocuments.us/reader035/viewer/2022062614/54647ac5b4af9f405d8b47cf/html5/thumbnails/1.jpg)
Extending Extending Dojo and Dojo and
dojo.Edojo.E
Confidential – © 2007, Nexaweb Technologies, Inc.
![Page 2: Extending dojo and dojo.E](https://reader035.vdocuments.us/reader035/viewer/2022062614/54647ac5b4af9f405d8b47cf/html5/thumbnails/2.jpg)
Agenda
• Extending Dojo– Creating Reusable Objects
– Widgets
– Events
– Integrating dojo Data
• dojo.E– Markup
– Runtime
– Widgets
– XBL
![Page 3: Extending dojo and dojo.E](https://reader035.vdocuments.us/reader035/viewer/2022062614/54647ac5b4af9f405d8b47cf/html5/thumbnails/3.jpg)
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.
![Page 4: Extending dojo and dojo.E](https://reader035.vdocuments.us/reader035/viewer/2022062614/54647ac5b4af9f405d8b47cf/html5/thumbnails/4.jpg)
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.
![Page 5: Extending dojo and dojo.E](https://reader035.vdocuments.us/reader035/viewer/2022062614/54647ac5b4af9f405d8b47cf/html5/thumbnails/5.jpg)
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.
![Page 6: Extending dojo and dojo.E](https://reader035.vdocuments.us/reader035/viewer/2022062614/54647ac5b4af9f405d8b47cf/html5/thumbnails/6.jpg)
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.
![Page 7: Extending dojo and dojo.E](https://reader035.vdocuments.us/reader035/viewer/2022062614/54647ac5b4af9f405d8b47cf/html5/thumbnails/7.jpg)
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
![Page 8: Extending dojo and dojo.E](https://reader035.vdocuments.us/reader035/viewer/2022062614/54647ac5b4af9f405d8b47cf/html5/thumbnails/8.jpg)
8
![Page 9: Extending dojo and dojo.E](https://reader035.vdocuments.us/reader035/viewer/2022062614/54647ac5b4af9f405d8b47cf/html5/thumbnails/9.jpg)
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.
![Page 10: Extending dojo and dojo.E](https://reader035.vdocuments.us/reader035/viewer/2022062614/54647ac5b4af9f405d8b47cf/html5/thumbnails/10.jpg)
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.
![Page 11: Extending dojo and dojo.E](https://reader035.vdocuments.us/reader035/viewer/2022062614/54647ac5b4af9f405d8b47cf/html5/thumbnails/11.jpg)
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
![Page 12: Extending dojo and dojo.E](https://reader035.vdocuments.us/reader035/viewer/2022062614/54647ac5b4af9f405d8b47cf/html5/thumbnails/12.jpg)
12
Thank you