6.12 星期三

6.12 星期三
一、easyUI的tree
1. lines:true  tree的前面有虚线

2. loadData:tree加载数据
    var data=[{},{},...]; //data是一个jason的数组
    $('#tt').tree('loadData',data);
    
3.异步树只需要一个url
4.checkbox:true 节点前有一个复选框
5.cascadeCheck:true  级联选中 选中子节点，父节点有一个半选状态
6.var c= $('#tt').tree('getChecked');
  获得选中的节点

7.自动展开树的所有节点
1).利用tree的onLoadSuccess事件
onLoadSuccess事件: tree加载数据成功后调用的方法
//node:当前节点  data:当前节点的值
onLoadSuccess:function(node,data){
    var t=$(this);
    if(data){
        $(data).each(function(index,d){
            if(this.state=='closed'){
                t.tree('expandAll');
            }
        })
    }
}

2).需要后台返回时，就要携带children



8. animate:true 定义节点在展开或折叠的时候是否显示动画效果。

9.onlyLeafCheck:true 只有叶子节点才有复选框
  此时必须具有checkbox:true属性
 
10.dnd:true 使树中的节点具有拖拽功能

11.var data=[{},{},...]; //data是一个jason的数组
  $('#tt').tree({
     data:data
  });


tree的事件
12. onClick:在用户点击一个节点的时候触发。
$('#tt').tree({
       onClick: function(node){
        alert(node.text); // 在用户点击的时候提示
    }
});

13.onBeforeLoad:在请求加载远程数据之前触发，返回false可以取消加载操作   

原文地址：https://www.cnblogs.com/houchen/p/11013592.html