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

DragPane

The DragPane is a very simple idea. You have a very large area of elements to display, and want to let the user 'drag' the underlying pane around using the mouse.

The DragPane can be used in instances where you have a lot of pictures to present. It can also be used to present text or other widgets that are too numerous to fit in your current designated area of screen real estate.

The only property of DragPane is invert, which if set to true, inverts the axis of the drag of the mouse.

Example:

<div class="hugetext" id="container" invert="false" dojoType="dojox.layout.DragPane">
<p style="color:#666; padding:8px; margin:0;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam
porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend
sagittis turpis. purus purus in nibh. Phasellus in nunc.
</p>
</div>
Previous Section
End of Section 5
Next Section