Dojo学习8 使用恐怖的dijit.Tree

最新推荐文章于 2016-08-07 21:46:39 发布

weixin_33851604

最新推荐文章于 2016-08-07 21:46:39 发布

阅读量109

点赞数

文章标签： javascript json ViewUI

原文链接：https://my.oschina.net/ykai/blog/9463

版权

为什么80%的码农都做不了架构师？>>>

8. 使用恐怖的dijit.Tree
可以说dojo0.9bate的dijit.Tree太灵活了，功能太强大了。所以使用的时候定制和编程就要很多了。Dijit.Tree数据源必须是Store，常用的是dojo.data.JsonItemStore ，不能够使用inline方式。
下面给出两个例子，一个例子是最基础的，一个例子是动态生成的：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>TREE</title>
<style type="text/css">
@import "../js/dojo/resources/dojo.css";
@import "../js/dijit/themes/tundra/tundra.css";
</style>
<script type="text/javascript"
djConfig="parseOnLoad: true, isDebug: true"
src="../js/dojo/dojo.js"></script>
<script>
  dojo.require("dojo.data.JsonItemStore");
  dojo.require("dijit.Tree");
    dojo.addOnLoad(function(){
     dojo.subscribe("tree", null, function(message){
      console.log("sn:"+message.event);
      console.log("sn:"+message.node.item.name);
     });
    });
</script>
</head>

动态添加树节点：
function addNode(){
//add one treeNode
var _tree=dijit.byId("tree");
var tdata={label:"FR",tree:_tree,item:{name:"FR",type:"one"}};
var child=new dijit._TreeNode(tdata);
_tree.addChild(child,1);
child._updateLayout();
_tree.getChildren()[2]._updateLayout();
child.setChildren({});
child._setExpando();
// console.debug();
}