elem：树绑定的元素ID。
obj：树绑定的DOM。
使用elem元素可以绑定已经在页面中存在的元素，而如果是页面中点击某个按钮生成的元素的话，则可以用obj来指定，这在使用layer.open()中打开一个树极为有效，它可以规避元素在生成之前被绑定从而找不到的问题。最终组件会将elem转换为obj属性，elem和obj属性必须指定一个，如果同时指定，则优先obj属性的配置项

									dtree.render({
									  elem: "#elemTree",
									  url: '/elemTree/elemTree.json'
									});
								

									layer.open({
									  type: 1,
									  title: "目录",
									  content: '<ul id="objTree" class="dtree" data-id="0"></ul>',
									  area:["180px", "500px"]
									  success: function(layero, index){
									    var DTree = dtree.render({
									      obj: $(layero).find("#objTree"),
									      url: '/objTree/objTree.json'
									    });
									  }
									});
								

当你使用的是默认的右键菜单生成的toolbar时，我们强烈建议你配置这个参数，如使用的是别的toolbarWay，则该参数无需配置。

该参数是一个元素选择器的名称，可以是id选择器，也可以是class选择器，为什么需要配置这个元素，因为组件加载时，在页面中一般来说不仅仅只有一个ul元素，它必然会被一个div包裹着，而这个div可以让组件在内部自由加载，滚动等，我们需要绑定的就是这个div。当你使用了toolbar时，我们强烈建议你的dom格式为：

									// 给容器指定一个div，设置它的高度，并设置滚动条自动加载
									

									  

									
									
									// 那么你的js代码既可以如此写：
									dtree.render({
									  elem: "#demoTree",
									  url: "../json/case/demo.json",
									  scroll:"#toolbarDiv", // 绑定div元素
									  toolbar:true
									});
								

再次强调，使用的是默认的右键菜单生成的toolbar时，该元素必须配置，因为它会直接影响到右键菜单的生成位置！！！

满足更多人对树的不同展示，组件内置了3套风格：layui风格 / laySimple / 默认风格，内置主题会指定不同的图标和样式的默认值：

一般来说，主题都内置好的属性使用者无需在指定图标等参数，当然，一切都是可自定义的。

									{
									 line: false, // 无树线
									 ficon:["0","8"],  // 设定一级图标样式。0表示方形加减图标，8表示小圆点图标
									 icon: ["0","5"] // 设定二级图标样式。0表示文件夹图标，5表示叶子图标
									}
									主题颜色：  #d2d2d2, #eaeceb, black, orange, #fe7786
								

主题颜色：

									{
									 line: true, // 有树线
									 ficon: ["0","7"],  // 设定一级图标样式。0表示方形加减图标，7表示文件图标
									 icon: "-1" // 不设定二级图标样式。
									}
									主题颜色：#666, #5FB878
								

主题颜色：

									{
									 line: false, // 无树线
									 ficon: ["1","-1"],  // 设定一级图标样式。1表示三角形图标，-1表示不设置叶子节点图标
									 icon: "-1" // 不设定二级图标样式。
									}
									主题颜色：  #d2d2d2, #eaeceb, #01AAED, #393D49
								

主题颜色：

模块内已预定义好了一套展示方式，一般不需要用户自定义，但如果用户需要自定义图标，则需要满足如下的配置方式：

									var nodeIconArray = {
									  "-1": {"open": "dtree-icon-null-open", "close": "dtree-icon-null-close"}, //未指定
									  "0" : {"open": "dtree-icon-wenjianjiazhankai", "close": "dtree-icon-weibiaoti5"}, //文件夹
									  "1" : {"open": "dtree-icon-jian", "close": "dtree-icon-jia"},  //方形+-
									  "2" : {"open": "dtree-icon-xiangxia1", "close": "dtree-icon-xiangyou"}  //三角形
									};
								

预定义的图标一览：

									dtree.render({
									  nodeIconArray: {"名称从3开始": {"open": "展开样式class", "close": "收缩样式class"}}
									});
								

class为图标样式，dtree已准备好了丰富的图标，只需从中选取你喜欢的图标样式即可。

模块内已预定义好了一套展示方式，一般不需要用户自定义，但如果用户需要自定义图标，则需要满足如下的配置方式：

									var leafIconArray = {
									  "-1": "dtree-icon-null", //未指定
									  "0" : "dtree-icon-weibiaoti5", //文件夹
									  "1" : "dtree-icon-yonghu", //人员
									  "2" : "dtree-icon-fenzhijigou", //机构
									  "3" : "dtree-icon-fenguangbaobiao", //报表
									  "4" : "dtree-icon-xinxipilu", //信息
									  "5" : "dtree-icon-shuye1", //叶子（二级图标叶子节点默认样式）
									  "6" : "dtree-icon-caidan_xunzhang", //勋章
									  "7" : "dtree-icon-normal-file", //文件
									  "8" : "dtree-icon-dian", /小圆点（一级图标叶子节点默认样式）
									  "9" : "dtree-icon-set-sm", //齿轮
									  "10" : "dtree-icon-rate" //星星
									};
								

预定义的图标一览：

									dtree.render({
									  leafIconArray: {"名称从11开始": "样式class"}
									});
								

class为图标样式，dtree已准备好了丰富的图标，只需从中选取你喜欢的图标样式即可。

iconfont: 该参数为具体某个元素使用的字体样式集，默认是使用组件提供的dtreefont图标库中的图标组成的集合。在一切都默认的基础下，所有的图标都会从该图标库中取得，包括用户自定义的iconClass、自定义menubar、自定义toolbar。如需要扩展该属性，则设置的值必须将dtreefont放在第一个位置。

									dtree.render({
									  iconfont: ["dtreefont", "layui-icon"]  // 必须将dtreefont放在第一位，后面的图标库即可由用户自定义。
									});
								

如果你实在是不想用dtreefont图标库，你可以只配置iconfont:"你自己的图标库"，但是你得确保iconfontStyle属性的每个配置项都有值。自定义的iconClass、自定义menubar、自定义toolbar使用的图标库为iconfont属性值配置的第一个图标库。

									dtree.render({
									  iconfont: ["layui-icon", "iconfont"]  // 不使用dtreefont，则用户自定义的iconClass为该属性的第一个图标库（即在layui-icon中选择图标）。
									  iconfontStyle: [{...}] // 不使用dtreefont，则必须配置iconfontStyle参数，参数释义请往下看
									});
								

iconfontStyle: 该参数为暴露树内部使用的图标集，默认是使用组件提供的dtreefont图标库。原则上该属性与iconfont属性为一一对应关系，即如果iconfont配置的是一个字符串，则该属性即为一个Object对象；如果iconfont配置的是字符串数组，则该属性即为一个JSON数组。

iconfontStyle: 最终该配置项中所有的配置，会被归纳到内置的usefontStyle属性中，即无论该配置项是JSON对象还是JSON数组，内置的元素都与usefontStyle对应。

									var usefontStyle = {  //树最终使用的图标集合
									  fnode:{  //一级节点
									    node:{  //非叶子节点
									      open:"",  //节点展开
									      close:""  //节点关闭
									    },
									    leaf:""  //叶子节点
									  },
									  snode:{  //二级节点
									    node:{  //非叶子节点
									      open:"",  //节点展开
									      close:""  //节点关闭
									    },
									    leaf:""  //叶子节点
									  },
									  checkbox:{  //复选框
									    on:"",  //复选框选中
									    out:"",  //未选中
									    noall:""  //半选
									  },
									  menubar:{  //菜单栏
									    movedown:"",  //全部展开
									    moveup:"",  //全部收缩
									    refresh:"",  //刷新
									    remove:"",  //删除
									    search:""  //搜索
									  },
									  menubarExt:"",  //扩展菜单栏
									  toolbar:{  //工具栏
									    menubar:{  //依附在菜单栏的工具栏
									      movedown:"",  //全部展开
									      moveup:"",  //全部收缩
									      refresh:"",  //刷新
									      remove:"",  //删除
									      search:""  //搜索
									    },
									    menubarExt:"",  //依附在菜单栏的扩展菜单栏
									    add:"",  //添加
									    edit:"",  //编辑
									    del:""  //删除
									  },
									  toolbarExt:""  //扩展工具栏
									};
								

上述的这些属性中，并不是所有都得配置，你只需要配置你想更改的图标即可，其他未被显示定义的属性均会以默认值的形式最终被赋值。

									dtree.render({
									  iconfont: ["dtreefont", "layui-icon"]  // 使用dtreefont和layui-icon图标库。
									  iconfontStyle: [{  // 第一个JSON
									    fnode:{
									      node:{
									        open: "dtree-icon-jia1"  // 这里从dtreefont图标库中选择该图标，当节点展开时，一级图标使用
									      }
									    }
									  },{   // 第二个JSON
									    checkbox:{  // 这里从layui-icon图标库中选择
									      noall:"layui-icon-rate-half",  // 复选框半选
									      on:"layui-icon-rate-solid",  // 复选框选中
									      out:"layui-icon-rate"  // 复选框未选中
									    }
									  }]   // 其他的未定义的图标均从iconfont数组中第一个图标库的图标中选择树默认的图标。
									}); 
								

树使用的图标总结：

树使用的图标优先级排序： 自定义的iconClass > iconfontStyle配置项中的指定图标 > ficon 和 icon配置的图标 > 内置skin中默认使用的ficon 和 icon。

dot属性设置决定一级图标的叶子图标是否显示。

自定义的iconClass、自定义menubar、自定义toolbar使用的图标库为iconfont属性中配置的第一个图标库。

iconfontStyle属性可以扩展树任意位置使用的图标。

组件内置属性，当选中树节点时，会将树的当前选中节点的的结果放到该参数中，包含当前节点的全部信息

									var node = {
									  nodeId: "", //节点ID
									  parentId: "", //父节点ID
									  context: "", //节点内容
									  leaf: "", //是否叶子节点
									  level: "", //层级
									  spread: "", //节点展开状态
									  dataType: "", //节点标记
									  checked: "", //节点复选框选中状态
									  initchecked: "", //节点复选框初始状态
									  basicData: "", //用户自定义的记录节点数据
									  recordData: "", //当前data数据
									};
								

组件内置属性，树在递归用户数据发生问题时，记录出现问题的数据。

为什么会有这个属性？因为考虑到数据的不可控性，往往有的使用者在提供数据时，会提供一些id与parentId相同的数据，而树在处理这种数据的上下级关系时，有可能会出现无限递归的现象，导致浏览器直接崩溃。因此我们考虑到了这一点，在过滤掉这层错误数据的同时记录这条数据，方便给用户提供数据错误的依据，但也只是暂时存储，如果你不想显示错误信息的话，该属性记录的数据也会被很快的抹除。

在数据格式为list的数据中，如果数据发生错误，则错误的数据不会出现在页面上。而在levelRelationship的数据中，如果数据发生错误，错误的数据会被记录，但数据也能被正常显示。关于数据格式的问题请继续往下看~

只指定data：树会加载data中的内容，且树一定是全量加载的。此时你需要在树的配置项中指定type:"all"，以免在最后一级节点加载完毕之后还会出现继续加载的情况。

只指定url：树会加载url链接，获取内容，此时树默认是增量加载的，当你点击任一非子节点时，如果该节点还未被加载子节点，则树会给当前相同的url再次发送请求以获取子节点的数据。

既指定data又指定url：树第一次会加载data中的内容，当你点击任一非子节点时，如果该节点还未被加载子节点，则树会向url发送请求以获取子节点的数据。

树的默认发起请求参数格式，最后会将value作为参数名称传递

									var defaultRequest = {
									  nodeId: "nodeId", //节点ID
									  parentId: "parentId", //父节点ID
									  context: "context", //节点内容
									  leaf: "leaf", //是否叶子节点
									  level: "level", //层级
									  spread: "spread", //节点展开状态
									  dataType: "dataType", //节点标记
									  checked: "checked", //节点复选框选中状态
									  initchecked: "initchecked", //节点复选框初始状态
									  basicData: "basicData", //用户自定义的记录节点数据
									  recordData: "recordData", //当前data数据（排除basicData和children字段）（v2.4.5_finally版本新增）
									};
								

以上参数值，最终会作为参数名称，传递到后台进行数据查询。如果用户需要更改默认参数，则可以如此：dtree.render({dequestRequest : {nodeId : "mynodeId"}}); 则进行参数拼接时，组件就会根据你配置的参数值，替换默认的参数值，进行拼接，然后传递到后台进行数据查询。

除了默认参数，用户可以定义其他的一些固定参数，比如：dtree.render({request : {"username" : "用户名"}}) 。组件进行参数拼接时，则会将该属性中的串拼接到url，然后传递到后台进行数据查询。

初始化、动态加载子节点、和访问iframe时，默认情况下树都会自动的拼上defaultRequest和request中配置的参数。如果你觉得参数太过于臃肿，很多的参数你用不上的话，这个参数就派上用场了。

该参数是一个数组，配置项为你在defaultRequest中配置的映射的value 和 request中配置的映射key。 是不是难以理解？请看示例

									var DTree = dtree.render({
									  elem: "#demo",
									  url: "/demoTree.json",
									  defaultRequest:{nodeId:"tree.id",parentId:"tree.pId"},  
									  request:{username:"admin"},
									  filterRequest:["context","tree.id","username"]  // context:树默认的参数，详细可见defaultRequest中的默认参数； tree.id:在当前defaultRequest中配置的nodeId的value；username:在当前request中配置的key
									})
								

打开浏览器的调试模式，你可以看到，配置在filterRequest中的字符，将不会出现在你的请求中。

树的默认返回参数格式，默认是一个json对象，以下则为json对象中的key

									var response = {
									  statusName: "code", //返回标识（必填）
									  statusCode: 200, //返回码（必填）
									  message: "message", //返回信息（必填）
									  rootName: "data", //根节点名称（必填）
									  treeId: "id", //节点ID（必填）
									  parentId: "parentId", //父节点ID（必填）
									  title: "title", //节点名称（必填）
									  ficonClass: "ficonClass", //自定义一级图标class（v2.5.4版本新增）（非必填）
									  iconClass: "iconClass", //自定义二级图标class（非必填）
									  childName: "children", //子节点名称（默认数据格式必填）
									  last: "last", //是否最后一级节点（true：是，false：否，布尔值，非必填）
									  level: "level", //层级（v2.4.5_finally_beta版本之后，该属性移除）
									  spread: "spread", //节点展开状态（v2.4.5_finally_beta版本新增。true：展开，false：不展开，布尔值，非必填）
									  disabled: "disabled", //节点禁用状态（v2.5.0版本新增。true：禁用，false：不禁用，布尔值，非必填）
									  hide: "hide", //节点隐藏状态（v2.5.0版本新增。true：隐藏，false：不隐藏，布尔值，非必填）
									  checkArr: "checkArr", //复选框列表（开启复选框必填，默认是json数组。）
									  checked: "checked", //是否选中（开启复选框，0-未选中，1-选中，2-半选。非必填）
									  type: "type", //复选框标记（开启复选框，从0开始。非必填）
									  basicData: "basicData" //表示用户自定义需要存储在树节点中的数据（非必填）
									};
								

disabled：如果配置了该属性为true，则节点复选框不可点击，节点不可点击，节点不可双击，右键菜单不可点击，不可点击加载iframe，无法获取复选框数据，但可进行节点展开/关闭，并通过内置函数获取该节点的数据。

hide：如果配置了该属性为true，则节点不可选中，节点复选框不可点击，节点不可点击，节点不可双击，右键菜单不可点击，不可点击加载iframe，但可进行节点展开/关闭，可以获取复选框数据，并可以通过内置函数获取该节点的数据。

以下标准数据格式，即response中的值在标准数据格式中为各参数的键（列出必填项）。

									{
									"status":{"code":200,"message":"操作成功"},
									"data": [{
									  "id":"001",
									  "title": "湖南省",
									  "parentId": "-1",
									  "checkArr": [{"type": "0", "checked": "0"}],  // 加载复选框必填
									  "children":[{  // 默认标准数据格式必填
									    "id":"001001",
									    "title": "长沙市",
									    "parentId": "001",
									    "checkArr": [{"type": "0", "checked": "0"}],
									    "children":[{
									      "id":"001001001",
									      "title": "雨花区",
									      "parentId": "001001",
									      "checkArr": [{"type": "0", "checked": "0"}]
									    }]
									  }]
									}]
									}
								

当你配置了dataStyle:"layuiStyle"，你就可以使用layui风格的数据格式了，详见左侧数据格式菜单栏。

自定义data中的数据格式，这个参数适配于当你不想让后台递归生成层级关系数据，而只想让前端处理一个完整的list时使用，接下来的使用规范，很重要：

									// 规范1: 页面ul元素必须指定data-id，且data-id为第一级节点的父id。
									

									
									// 规范2：加载的数据务必是全量的。如果是非全量数据，务必保证当前数据的被渲染出来的最后一级节点的last属性是false，否则数据也不能在被加载出来了。
									// 规范3：当使用dataFormat属性时，不需要配置cache属性，否则会引起不必要的数据加载缓慢问题。
								

									{
									"status":{"code":200,"message":"操作成功"},
									"data": [
									  {"id":"001","title": "湖南省","parentId": "0"},
									  {"id":"002","title": "湖北省","parentId": "0"},
									  {"id":"003","title": "广东省","parentId": "0"},
									  {"id":"004","title": "浙江省","parentId": "0"},
									  {"id":"005","title": "福建省","parentId": "0"},
									  {"id":"001001","title": "长沙市","parentId": "001"},
									  {"id":"001002","title": "株洲市","parentId": "001"},
									  {"id":"001003","title": "湘潭市","parentId": "001"},
									  {"id":"001004","title": "衡阳市","parentId": "001"},
									  {"id":"001005","title": "郴州市","parentId": "001"}
									]
									}
								

目前，用户可以在树生成节点时，自己来设置生成的文字属性，可以在formatter中获取过滤函数：

									var formatter = {
									  title: function(data) { // 文字过滤，返回null,"",undefined之后，都不会改变原有的内容返回。
									    return data.title;
									  }
									};
								

当用户需要使用树的checkbar时，首先需要将checkbar属性的值设置为true，接着在树生成后，可以对树进行：选中，取消选择的操作，当操作被触发后，可以在checkbarFun中获取操作之后的定义的函数：

									var checkbarFun = {
									  chooseBefore: function($i, node) { //复选框点击前的回调。
									    return true;
									  }
									  chooseDone: function(checkbarNodesParam) { //复选框点击事件完毕后，返回该树关于复选框操作的全部信息。
									    return ;
									  }
									};
								

当用户需要使用树的menubar时，默认情况下菜单栏的展示方式是在树的上方展示一排小图标，但为了方便用户自定义，现可以有三种不同的指定方式供用户展现菜单栏，更多示例请看：开启菜单栏。

									var menubarTips = {
									  toolbar: [],  //依附工具栏
									  group: ["moveDown", "moveUp", "refresh", "checkAll", "unCheckAll", "invertAll", "remove", "searchNode"], //按钮组
									  freedom: [] // 自由指定
									};
								

上面的默认指定可以看出，菜单栏默认是绑定在上方按钮组的，其中的内容即是菜单栏提供的默认功能，以下是对默认功能的解释。

									"moveDown": "展开全部节点",
									"moveUp": "收缩全部节点",
									"refresh": "刷新树",
									"checkAll": "全选节点",  // 开启复选框时设置（v2.5.0版本新增）
									"unCheckAll": "全不选节点",  // 开启复选框时设置（v2.5.0版本新增）
									"invertAll": "反选节点",  // 开启复选框时设置（v2.5.0版本新增）
									"remove": "删除选中节点",  // 开启复选框时设置
									"searchNode": "模糊查询节点"
								

用户除了可以指定默认的配置之外，还可以自定义菜单栏配置，其中自定义的JSON格式为。

									{
									  menubarId: "唯一标识该扩展按钮的ID",
									  icon: "扩展按钮的自定义图标",
									  title: "扩展按钮的文字信息",
									  handler: function(node, $div){}  //扩展按钮的回调函数
									};
								

当用户需要使用树的menubar时，首先需要将menubar属性的值设置为true，接着在树生成后，可以对树进行：展开节点，收缩节点，删除选中节点，查询匹配节点的操作，当操作被触发后，可以在menubarFun中获取删除选中节点操作之后的定义的函数

									var menubarFun = {
									  remove: function(checkbarNodes){ //删除复选框选中节点，需要用户自定义，如未指定则树只是页面上做了修改
									    return true;
									  }
									};
								

该参数是一个一维数组，可以扩展toolbar的按钮：[{}]。{}中的全部内容如下：

									{
									  toolbarId: "唯一标识该扩展按钮的ID",
									  icon: "扩展按钮的自定义图标",
									  title: "扩展按钮的文字信息",
									  handler: function(node, $div){}  //扩展按钮的回调函数
									};
								

									dtree.render({
									  toolbar: true,
									  toolbarExt:[{toolbarId: "test",icon:"dtree-icon-wefill",title:"我是自定义",handler: function(node){layer.msg(JSON.stringify(node));}}]
									});
								

toolbarShow默认情况下是提供三个按钮供用户使用，实际上内置的还有2个按钮，用户可以自由的配置想使用的按钮。

上面的默认指定可以看出，菜单栏默认是绑定在上方按钮组的，其中的内容即是菜单栏提供的默认功能，以下是对默认功能的解释。

									"pulldown": "展开当前节点下的全部节点（v2.5.0版本新增）",
									"pullup": "收缩当前节点下全部节点（v2.5.0版本新增）",
									"add": "新增节点",
									"edit": "编辑节点",
									"delete": "删除节点"
								

该参数是一个二维数组，可以指定toolbar页面中展示的内容：[[{}],[{}]] 其中，第一个[{}]表示addToolbar中的内容，第二个表示editToolbar中的内容,{}中的全部内容如下：

									{
									  "label": "你的label名称，除type为submit或reset外，必填",
									  "name": "你的input标签指定的name，除type为submit或reset外，必填",
									  "type": "类型，可选值有（text、textarea、select、hidden、submit（提交按钮，内部使用，设置无效）、reset（重置按钮）），可不填，默认为text",
									  "value": "input标签的默认值，可不填，默认为'' ",
									  "optionsData": "当类型为select时需要填写，表示一个json串，输出select的选项；或为一个function，在return中输出json串。type为select时必填，其他不填",
									  "id": "你的input标签指定的id，可不填"（v2.5.0版本新增）,
									  "placeholder": "你的input标签的placeholder属性，如不填，则为value值"（v2.5.0版本新增）,
									  "verify": "layui表单校验的属性（lay-verify），可不填"（v2.5.0版本新增）,
									  "defElem": "新增或编辑框中默认的表单和按钮，值为：nowChoose（当前选中）, nowChange（当前变更）, btn（提交按钮），如非默认请勿设置该属性"（v2.5.0版本新增）,
									  "readonly": "你的input标签是否只读，可不填，默认为false"（v2.5.0版本新增）,
									  "disabled": "你的input标签是否禁用，可不填，默认为false"（v2.5.0版本新增）,
									  "filter": "提交按钮需要使用的lay-filter的值，内部使用，请勿设置"（v2.5.0版本新增）
									};
								

									dtree.render({
									  toolbar: true,
									  toolbarBtn: [[{"label":"text1","name":"name1","verify":"required"},{label":"text2","name":"name2","type":"textarea"}],[{"label":"text1","name":"name1","verify":"required|number"},{label":"text4","name":"name4","type":"textarea"}]]
									});
								

当用户需要使用树的toolbar时，首先需要将toolbar属性的值设置为true，接着在树生成后，可以对树进行增删改操作，即添加节点，修改节点，删除节点，当操作被触发之后，可以在toolbarFun中获取操作之后的定义的函数:

									var toolbarFun = {
									  addTreeNode: function(treeNode, $div) { //添加树节点后调用的函数，用于用户自定义，如未指定则树不会发生变化
									    console.log(treeNode);
									    DemoTree.changeTreeNodeAdd(treeNode.nodeId/param/true/false/"refresh"); // 调用内置函数，新增节点后改变节点内容。传入null或false，则树不会发生变化
									  },
									  editTreeNode: function(treeNode, $div) { //编辑树节点后调用的函数，用于用户自定义，如未指定则树不会发生变化
									    console.log(treeNode);
									     DemoTree.changeTreeNodeEdit(param/true/false); // 调用内置函数，修改节点后改变节点内容。传入false，则树不会发生变化
									  },
									  editTreeLoad: function(treeNode) { //编辑树的数据回显，用于打开编辑时，回填数据，用于用户自定义。
									    console.log(treeNode);
									     DemoTree.changeTreeNodeDone(param); // 调用内置函数，编辑页打开后显示编辑页内容
									  },
									  delTreeNode: function(treeNode, $div){ //删除树后调用的函数，用于用户自定义，如未指定则树不会发生变化
									    console.log(treeNode);
									    DemoTree.changeTreeNodeDel(true/false); // 调用内置函数，删除节点后改变节点内容。传入false，则树不会发生变化
									  },
									  loadToolbarBefore: function(buttons, treeNode, $div){ // 右键菜单加载前的函数
									    console.log(buttons);
									    console.log(treeNode);
									    return buttons; // 返回按钮组，如不返回则按钮将不会显示。
									  }
									};
								

treeNode参数，包含toolbarBtn中指定的name和它的值，还有默认元素，如果没有指定toolbarBtn的情况下，treeNode参数如下：

									{
									  leaf: true,
									  level: "当前添加参数的level",
									  nodeId: "当前添加参数的动态ID",
									  nodeTitle: "当前添加参数的上级节点名称",
									  parentId: "当前添加参数的上级节点ID",
									  addNodeName: "当前添加参数的节点名称",
									  editNodeName: "当前编辑参数的节点名称，与addNodeName只出现一个"
									  basicData: "", //节点的basicData，如果没有则无
									  recordData: "" // 节点的recordData，如果没有配置record则无
									}
								

treeNode.nodeId/param/true/false/"refresh"表示的含义如下：

参数	类型	含义
treeNode.nodeId	String	表示给方法回传一个id值，并且这个id值是通过toolbar模块自动生成的
param	JSON	表示给方法回传一个JSON对象，该对象里面的格式就是你渲染树时的单个节点的那一条json的格式
true/false	Boolean	true，表示成功，则方法内部自动处理节点；false，表示失败，方法内部会将该新增节点清除。编辑节点还原，删除节点恢复
refresh	String	表示新增完成后，局部刷新。

									var DemoTree = dtree.render({
									  toolbar: true,
									  toolbarFun: {
									    addTreeNode: function(treeNode, $div) { 
									      // 此处执行ajax，新增节点
									      $.ajax({ ..., success: function(){
									        DemoTree.changeTreeNodeAdd(true); }
									      }) // 内容省略
									    }
									  },
									});
								

当用户点击节点加载iframe后，可以在iframeFun中获取操作之后的定义的函数

									var iframeFun = {
									  iframeDone: function(iframeParam){ //iframe加载完毕后，用于用户自定义事件
									    return ;
									  }
									};
								

									var DemoTree = dtree.render({
									  useIframe: true,
									  iframeElem: "#iframeId",
									  iframeUrl: "/demo/iframeurl"
									  iframeFun: {
									    iframeDone: function(iframeParam){ //iframe加载完毕后，用于用户自定义事件
									      console.log(iframeParam);
									      return ;
									    }
									  }
									});