Dojo.tree

最新推荐文章于 2018-04-20 22:32:05 发布

原创最新推荐文章于 2018-04-20 22:32:05 发布 · 970 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#stylesheet #html #div #function #query #class

Javascript 同时被 2 个专栏收录

24 篇文章

订阅专栏

Dojo

14 篇文章

订阅专栏

本文介绍了一个使用 Dojo Toolkit 构建的 Tree 组件示例，该组件通过加载 JSON 数据来展示地理信息，包括各大洲及其国家，并演示了如何在点击节点时触发事件。

http://docs.dojocampus.org/dijit/Tree-examples

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html dir="ltr"> <head> <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/claro.css" mce_href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/claro.css" /> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> body, html { font-family:helvetica,arial,sans-serif; font-size:90%; } </style> </head> <body class=" claro "> <div dojoType="dojo.data.ItemFileReadStore" jsId="continentStore" url="/moin_static185/js/dojo/trunk/dojo/../dijit/tests/_data/countries.json"> </div> <div dojoType="dijit.tree.ForestStoreModel" jsId="continentModel" store="continentStore" query="{type:'continent'}" rootId="continentRoot" rootLabel="Continents" childrenAttrs="children"> </div> <div dojoType="dijit.Tree" id="mytree" model="continentModel" openOnClick="false"> <mce:script type="dojo/method" event="onClick" args="item"></mce:script> </div> </body> <mce:script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/dojo.xd.js" mce_src="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/dojo.xd.js" djConfig="parseOnLoad: true"></mce:script> <mce:script type="text/javascript"></mce:script>  <mce:script type="text/javascript"></mce:script> </html>

Json 文件：

http://docs.dojocampus.org/moin_static185/js/dojo/trunk/dijit/tests/_data/countries.json