easyui-Tree

1、树节点前面是否显示复选框(接口初加载)

         $('#tt').tree({
            url:'tree_data1.json',
            method:'get',
            animate:true,
            checkbox:function (data) {
                //哪些节点不显示复选框，就在哪些节点的接口里面添加"checkbox":false字段
                if(data.checkbox == false){
                    return false;
                }
                return true;
            }
          });

示例1.png

2、设置某个或某些节点前不显示复选框

先给树添加cascadeCheck: false(节点不级联，只能单选)属性；
然后遍历整个树，判断显示文本相同的话就删除该节点的复选框结构
$(".tree-node").eq(i).find(".tree-checkbox").remove();

父节点不显示复选框，只有子节点显示复选框
onlyLeafCheck:true

3、解决点击展开节点重复加载数据

示例2.png

解决方法：先ajax请求数据赋值，再进行树的其他操作

$.ajax({
      url:'url',
      type:"get",
      success:function(data){
        $('#tree').tree({
            data: data
        });
      }
    });
$('#add_tree').tree({
    onLoadSuccess:function(node,data){
        console.log(node,data)
    }
});