JavaScript Tutorial/Dojo toolkit/Tree

Материал из Web эксперт
Перейти к: навигация, поиск

Load tree data

   <source lang="javascript">

<html> 

 <head>
   <link rel="StyleSheet" type="text/css"
     href="js/dojo/dijit/themes/tundra/tundra.css">
   <script type="text/javascript">
     var djConfig = {
       baseScriptUri : "js/dojo/",
       parseOnLoad : true
     };
   </script>
   <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>
   <script>
       dojo.require("dojo.data.ItemFileReadStore");
       dojo.require("dijit.Tree");
       dojo.require("dojo.parser");
   </script>
 </head>
 <body class="tundra">

Simple Tree:

       <div dojoType="dojo.data.ItemFileReadStore"
            url="tree.txt" jsid="popStore" />

 </body>

</html> tree.txt: { label: "name", 

 identifier: "name",
 items: [
    { name:"Name1", type:"cat",
      children: [
            { name:"1", type:"fr" },
            { name:"2", type:"fr" },
            { name:"3", type:"fr" }
      ]
    },
    { name:"Name2", type: "cat"},
    { name:"Namr3", type:"cat"}
 ]

}</source>

Источник — «http://wbex.ru/index.php?title=JavaScript_Tutorial/Dojo_toolkit/Tree&oldid=8557»