Mastering the Dojo Toolkit, part 8th: The Star of Tomorrow

As one of the most famous Ajax open source projects, Dojo not only allows web programmers to gain and use their framework for Web application development for free, but also attracts a large number of developers to expand and develop new components. DojoX was created in such a development community. DojoX is a collection of open source projects based on dojo, which are very creative and highly practical. These DojoX projects are likely to grow into a stable version of the DojoX, and some may migrate to Dojo Core or Dijit. This article will carry on a general overview to the project in DojoX, and combine with the example to introduce the more characteristic project, this article will introduce the DATAGRID,CHARTING,GFX/GFX and DojoX widgets mainly.

Know DojoX

At present, the DojoX project mainly expands data structure and algorithm, data processing and communication, utilities, graphics API and Web UI.

The projects involved in data structure and algorithm include DojoX collections, DojoX Encoding, etc. Collections defines a number of very useful data sets, including arrays (ArrayList), Binary trees (BinaryTree), dictionaries (Dictionary), iterators (iterator), queues (queue), There are sequence tables (SortedList), stacks (stack). The use of these collections will greatly improve the efficiency of program development and the quality of the program. Encoding not only provides a conversion of string and character encoding, but also provides a symmetric algorithm for puffer fish (Blowfish) and MD5 Digital Digest algorithms.

DojoX data, Embed, I/O, JSON, XML, RPC, and so on, extends the ability of Dojo to process and communicate. Among them, the data project provides support for more formats, including support for CSV files and APIs provided by Google, Picasa, and so on.

The DojoX graphics API extends the animation effect of Dojo and provides support for 2D, 3D drawings. DojoX FX provides a variety of animation effects through the extension of Dojo Core and dojo Fx, GFX provides a range of vector drawing methods, while Gfx3d provides a few simple 3D drawing APIs.

A richer web UI and a Web widget are also a great highlight of DojoX. Powerful Grid, practical charting, and DojoX Image and DojoX Layout make the Web UI developed based on dojo richer. The DojoX Widgets also offers a richer widget to meet the needs of most application development.

In addition to the projects described above, DojoX also collects a number of utilities that readers can get more information on the Dojo API Web site. http://api.dojotoolkit.org/

Next, let's have a taste of what DojoX brings to us.

Note: The dojo version used in this tutorial is 1.2.1, because the 1.2.x version of Dojo and DojoX some of the components have a big change, so this article only for dojo1.2.x, for dojo1.0 developers This article is for reference only, some of the code does not run correctly

DojoX DataGrid

Grid is probably the most popular part of DojoX, and grid is more like a web-based Excel component than a typical web-table widget. This allows the Grid to cope with more complex data display and data operations. In dojox1.2, the DataGrid class is added to the Dojox.grid package, which is a hardening and substitution of the original grid class, known as the DataGrid, because it is seamlessly integrated with Dojo's data manipulation store. Before the Grid needs to wrap the store object as a model object to use. If there are no special statements below, all gird or DataGrid refer to the new DataGrid, not the Grid1.0.

Figure 1. DojoX DataGrid