Faddie bloggt – schon wieder!

Dojo Tutorial with a grid – english version

UNDER CONSTRUCTION

This tutorial is separated into six parts and is going to explain how to setup dojo, fill a grid from the server side and open popups from the grid. In addition the site is kept usable without javascript.

Here’s an example how it should look like. If this is not what you’ve been looking for, there’s still time to leave

http://www.sonores.de/dojo_tutorial/gridtut_en/gridtut.html
(search for Petersen or Schröder if you have that char)

I tried to keep the tutorial very common, so that you don’t need much dojo experience. However a glimpse into the documentation won’t hurt you.
http://dojotoolkit.org/book/dojo-book-1-0

Here’s the result of what the code will look like after the tutorial (dojo has still to be downloaded), the code is fully commented (and translated )

Grid Tutorial en.zip

But now enjoy the show

Part 1:
We’ll cover the basics here: downloading dojo and including it into our site
http://blog.sonores.de/2008/02/29/dojo-tutorial-with-a-grid-part-1-english-version/

Part 2:
We’ll create a form and connect the HTML-Elements with the event-system. After that we talk to the server via AJAX and let it answer in JSON (done in PHP)
http://blog.sonores.de/2008/03/05/dojo-tutorial-with-a-grid-part-2-english-version/

Part 3:
Now we put some sample data into the grid (and create it before that)

http://blog.sonores.de/2008/03/14/dojo-tutorial-with-a-grid-part-3-english-version/

Part 4:
Having the sampledata shown in the grid, it’s time to populate it with server-side data. Also we try to avoid problems with foreign characters and AJAX
(not translated yet)

http://blog.sonores.de/2008/02/12/dojo-tutorial-mit-grid-teil-4/

Part 5:
We add an activity-indicator and make use of the event system’s listener-conecpt.
(not translated yet)

http://blog.sonores.de/2008/02/13/dojo-tutorial-mit-grid-teil-5-events/

Part 6:
Last but not least we generate links with grid’s get-function
(not translated yet)

http://blog.sonores.de/2008/02/13/dojo-tutorial-mit-grid-teil-6-links-im-grid/

Part 6 1/2:
In order to keep our example working with PHP < 5.2.0. here’s the solution
(not translated yet)
http://blog.sonores.de/2008/02/13/dojo-tutorial-mit-grid-teil-6-12-json-mit-php-4/