用DOJO做一个简单的树

最新推荐文章于 2015-06-03 17:50:57 发布

狂想者

最新推荐文章于 2015-06-03 17:50:57 发布

阅读量546

点赞数

分类专栏： DOJO与AJAX 文章标签： dojo stylesheet javascript erlang json html

本文链接：https://blog.csdn.net/sanyu626/article/details/6388290

版权

DOJO与AJAX 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

DOJO作为一个JS框架有着相当的应用价值，但是现在在众多DOJO的资料当中很少有一些有价值的东西，都很乱。从现在起，笔者将陆续登出有关DOJO的AJAX方面的相关知识。

要使用DOJO要先从http://dojotoolkit.org/上下载DOJO包，linux系统可以下载Dojo Toolkit Release:tar.gz,win7系统可以下载zip.然后把包解压缩任何目录。最好把包的名字改的简单一些，比如JS这样可以便与引用！

下面做一个简单的页面，index.jsp

<%@ page language="java" contentType="text/html; charset=GB18030" pageEncoding="GB18030"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB18030"> <title>Insert title here</title> <link rel="stylesheet" type="text/css" href="http://o.aolcdn.com/dojo/1.1/dojo/resources/dojo.css" mce_href="http://o.aolcdn.com/dojo/1.1/dojo/resources/dojo.css"/> <link rel="stylesheet" type="text/css" href="http://o.aolcdn.com/dojo/1.1/dijit/themes/tundra/tundra.css" mce_href="http://o.aolcdn.com/dojo/1.1/dijit/themes/tundra/tundra.css"/> <mce:script type="text/javascript" src="js/dojo/dojo.js" mce_src="js/dojo/dojo.js" djConfig="parseOnLoad:true,isDebug:true"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body class="tundra"> <div dojoType="dojo.data.ItemFileReadStore" jsId="dataStore" url="programmingLanauages.json"> 333 </div> <div dojoType="dijit.tree.TreeStoreModel" jsId="model" store="dataStore" query="{name:'*'}"> 111 </div> <div dojoType="dijit.Tree" model="model"> </div> </body> </html>

只需把DOJO SDK作为script 引用即可。

这颗树要读取JSON文档格式的内容：

{ identifier:'name', label:'name', items:[ { name:'Programming Languages', children:[ {name:'JavaScript'}, {name:'Python'}, {name:'C++'}, {name:'Erlang'}, {name:'Prolog'} ] } ] }

注意JSON的文件要与.JSP页面在同一目录下。

这样一个树就成了！