用DOJO做一个简单的树

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> <<a href="https://www.jb51.cc/tag/Meta/" target="_blank" class="keywords">Meta</a> 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="par<a href="https://www.jb51.cc/tag/SEO/" title="SEO">SEO</a>nLoad: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页面在同一目录下。

这样一个树就成了！

原文链接：https://www.f2er.com/dojo/291712.html

用DOJO做一个简单的树

猜你在找的Dojo相关文章