Book Image

Learning Dojo

By : Peter Svensson
Book Image

Learning Dojo

By: Peter Svensson

Overview of this book

<p>Dojo is a popular AJAX-specific open-source JavaScript framework for building powerful web applications. It provides a well conceived API and set of tools to assist you and fix the issues experienced in everyday web development. Your project size is no concern while using Dojo. It is the best scalable solution to all your size-related issues.<br /> <br />This book starts by giving you tips and tricks for programming with JavaScript. These tricks will help you with Dojo. With every chapter, you will learn advanced JavaScript techniques. You will learn to leverage Dojo for a clean web application architecture using JSON or XML.</p>

Related Content you might be interested in

Current Title:

Small book image
Learning Dojo
Peter Svensson
Nov, 2008 | 264 pages
No titles found
Table of Contents (13 chapters)
Learning Dojo
Learning Dojo
Credits
Credits
About the Author
About the Author
About the Reviewer
About the Reviewer
Preface
Preface
Free Chapter
1
Introduction to Dojo
Introduction to Dojo
Dojo usage
A sneak peek at Dojo
Summary
2
Useful JavaScript and Dojo Tricks
Useful JavaScript and Dojo Tricks
Array usage tips and gotchas
Functions as arguments
JavaScript's prototype-based OO
Using closures
OO in Dojo
Anatomy of a Dojo page
Basic Dojo functions
Intermediate Dojo functions
Logging, Firebug integration, and debugging
Event handling in Dojo
JSON
Summary
3
Basic Dijit Knowledge
Basic Dijit Knowledge
The two ways to create Dijits
What's in the fridge? A smorgasbord of tasty Dijits
Dijit structure
Themes
I18N
Summary
4
Ajax Communication
Ajax Communication
Dojo Ajax features
The "Hello World" of Ajax
Script request/JSONP (dojo.io.script)
Remote procedure calls
Summary
5
Forms
Forms
The Form Dijit
Generic properties for all Form Dijits
CheckBoxes, radio buttons, and toggle buttons
Spinners, sliders, and FilteringSelects
TimeTextBox
Buttons
Ajax integration
Summary
6
Layout
Layout
Basic Dojo layout facts
ContentPane
Container functions
DragPane
ExpandoPane
FloatingPane
GridContainer
RadioGroup
ResizeHandle
RotatorContainer
ScrollPane
Compound example using layout
One step forward — creating a widget
Summary
7
Data, Trees, and Grids
Data, Trees, and Grids
dojo.data and dojox.data
Quick example
Models
Data sources, stores, and consumers
A simple tree example
Forests and trees
Reading and writing with JsonRestStore
Overview of the Grid Dijit
Summary
8
Real-World Dojo
Real-World Dojo
Using AOL's and Google's CDN
Using unit testing with Dojo Objective Harness (DOH)
Summary

Compound example using layout

The following is a more complicated example which is a small information box for a fictitious adventure game. A lot of information is to be displayed in a small area:

  • Adventurer status

  • Characteristics

  • Inventory

  • Quests

Using the BorderLayout container for overall layout, it consists of three parts: a toolbar, an accordioncontainer, and a horizontal ScrollPane top display the inventory.

The toolbar is not particularly active in the example, but shows how to use a simple toolbar menu in conjunction with a BorderLayout container.

The source code for the example is here:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/ TR/html4/strict.dtd">
<html>
<head>
<title>Chapter 6 Layout Example</title>
<style>
@import "dojo-1.1.0/dojo/resources/dojo.css";
@import "dojo-1.1.0/dijit/tests/css/dijitTests.css";
@import "dojo-1.1.0/dijit/themes/tundra/tundra.css";
@import "dojo-1.1.0/dojox/widget/Rating/Rating.css";
&lt...
Previous Section
End of Section 13
Next Section