jquery easyui tree

来源:互联网 发布:政府网站改版优化文案 编辑:程序博客网 时间:2024/06/05 06:44
1 简单的读取json格式的,作为tree的数据。
如:首先由json文件:
[{
"text":"123",
"state":"closed",
"children":[{"text":"text0_1"},{"text":"text0_2"}]
},{
"text":"text1"
}]
其次增加jquery的一些js和css
如:<link rel="stylesheet" type="text/css" href="css/default/easyui.css">
<link rel="stylesheet" type="text/css" href="css/icon.css">
<script type="text/javascript" language="javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.easyui.min.js"></script>
再其次就是设置了
如:<script type="text/javascript" language="javascript">
  
  $(function(){
  //alert("12");
  $("#tt2").tree({
  url:"data/tree_data2.json",
  onClick:function(treeNode){
  $("#tt2").tree("toggle",treeNode.target);//展开或关闭
 
  }
  });
  });
  </script>
在body中有一个id为tt2的ul,这样一个简单的tree就设置好了,明天读取从后台返回的。