0) {
+ $lis.each(function(){
+ _this.showLineLi($(this));
+ });
+ } else {
+ _this.obj.find("li[data-id]").each(function(){
+ _this.showLineLi($(this));
+ });
+ }
+ }
+ }
+
+ /**
+ * @Desc: 真正显示树线的方法
+ * @Param: $li： JQuery对象，表示组成树的li节点
+ */
+ DTree.prototype.showLineLi = function($li){
+ var _this = this;
+ var $div = $li.children("div"),
+ $nextLi = $li.next("li"),
+ $ul = $li.parent("ul");
+ if($ul[0].id == _this.obj[0].id) {
+ // 根节点下的节点
+ $li.removeClass(LI_NAV_LINE);
+ $li.removeClass(LI_NAV_LAST_LINE);
+ $li.addClass(LI_NAV_FIRST_LINE);
+ } else {
+ // 非根节点下的节点
+ var $pnextLi = $ul.parent("li").next("li");
+ if($pnextLi.length == 0) {
+ if($nextLi.length == 0){
+ $li.removeClass(LI_NAV_LINE);
+ $li.removeClass(LI_NAV_FIRST_LINE);
+ $li.addClass(LI_NAV_LAST_LINE);
+ } else {
+ $li.removeClass(LI_NAV_FIRST_LINE);
+ $li.removeClass(LI_NAV_LAST_LINE);
+ $li.addClass(LI_NAV_LINE);
+ }
+ }else {
+ var $pnextdiv = $pnextLi.children("div");
+ if($nextLi.length == 0 && $div.children("cite").attr("data-leaf") == "leaf" && $pnextdiv.children("cite").attr("data-leaf") == "leaf") {
+ $li.removeClass(LI_NAV_FIRST_LINE);
+ $li.removeClass(LI_NAV_LINE);
+ $li.addClass(LI_NAV_LAST_LINE);
+ } else {
+ $li.removeClass(LI_NAV_FIRST_LINE);
+ $li.removeClass(LI_NAV_LAST_LINE);
+ $li.addClass(LI_NAV_LINE);
+ }
+ }
+ }
+ }
+
+ /******************** 初始化数据区域 ********************/
+ /**
+ * @Desc: 设置高度
+ */
+ DTree.prototype.autoHeight = function(){
+ var _this = this;
+ var height = _this.height;
+ if(height != "") {
+ if(_this.elem == _this.scroll){
+ _this.obj.parent().css("height", height + "px");
+ } else {
+ var $toolbarDiv = _this.obj.closest(_this.scroll);
+ $toolbarDiv.css("height", height + "px");
+ }
+ }
+ };
+
+ /**
+ * @Desc: 重载树
+ * @Param: options： dtree的所有属性的json对象
+ */
+ DTree.prototype.reload = function(options){
+ var _this = this;
+ _this.reloadSetting(options);
+ _this.init();
+ };
+
+ /**
+ * @Desc: 初始化加载
+ */
+ DTree.prototype.loadTreeInit = function(){
+ var _this = this;
+ var asyncLoad = _this.asyncLoad;
+ // 初始化加载
+ _this.init(function(){
+ // ajax加载之后的回调
+ if(asyncLoad && asyncLoad.length > 0) {
+ _this.obj.addClass(NAV_SHOW);
+
+ // 说明此时要异步加载子节点
+ _this.loadChildTreeInit(asyncLoad, 0);
+ }
+ })
+ }
+
+ /**
+ * @Desc: 初始化加载子节点
+ * @Param: asyncLoad： 需异步加载的层级，在基础属性中配置
+ * @Param: i： 已经加载到的层级
+ */
+ DTree.prototype.loadChildTreeInit = function(asyncLoad, i){
+ var _this = this;
+ if(i == asyncLoad.length) { // 满足条件，终止递归
+ return ;
+ }
+
+ var $div = _this.getNode(asyncLoad[i]);
+
+ if($div && $div.length > 0) {
+ // 设置节点状态
+ var $ul = $div.next("ul"),
+ $i_fnode = _this.getNodeDom($div).fnode(),
+ $i_snode = _this.getNodeDom($div).snode();
+
+ $ul.addClass(NAV_SHOW);
+ _this.accordionUL($ul);
+ _this.operateIcon($i_fnode, $i_snode).open();
+ // 加载子节点
+ _this.getChild($div, undefined, function(){
+ // 继续递归
+ _this.loadChildTreeInit(asyncLoad, ++i);
+ });
+ }
+
+ }
+
+ /**
+ * @Desc: 初始化树
+ * @Param: callback： 异步加载完成之后的回调函数
+ */
+ DTree.prototype.init = function(callback){
+ var _this = this;
+ if (typeof _this !== "object") {
+ layer.msg("树组件未成功加载，请检查配置", {icon:5});
+ return ;
+ }
+
+ // 设置组件高度
+ _this.autoHeight();
+
+ if(_this.data) {
+ _this.dataLoadTree(true, _this.obj, _this.data);
+ } else {
+ _this.asyncLoadTree(true, _this.obj, callback);
+ }
+ };
+
+ /**
+ * @Desc: 加载子节点
+ * @Param: $div： JQuery对象，代表当前子节点的父节点div
+ * @Param: data： data方式加载的数据
+ * @Param: callback： 子节点加载完成之后的回调喊出
+ */
+ DTree.prototype.getChild = function($div, data, callback) {
+ var _this = this, $ul = $div.next("ul");
+
+ _this.setNodeParam($div);
+
+ if(typeof data !== 'undefined') {
+ _this.dataLoadTree(false, $ul, data);
+ } else {
+ _this.asyncLoadTree(false, $ul, callback);
+ }
+ };
+
+ /**
+ * @Desc: 用data加载树
+ * @Param: first： 表示是否第一次加载
+ * @Param: $ul： JQuery对象，代表当前数据加载到的ul标签里
+ * @Param: data： data加载的数据
+ */
+ DTree.prototype.dataLoadTree = function(first, $ul, data){
+ var _this = this;
+
+ if(typeof data.length === 'undefined'){
+ layer.msg("数据解析异常，data数据格式不正确", {icon:5});
+ return ;
+ }
+
+ if(first && data.length == 0) {
+ $ul.html(_this.getNoneDom().text());
+ return ;
+ }
+
+ //先将ul中的元素清空
+ $ul.html("");
+
+ var index = _this.load ? layer.load(1) : "";
+
+ setTimeout(function () {
+ // 加载完毕后执行树解析前的回调
+ _this.success(data, $ul, first);
+
+ var pid = (first == true) ? $ul.attr("data-id") : _this.node.nodeId;
+ var level = (first == true) ? 1 : parseInt(_this.node.level)+1;
+
+ // 解析树
+ if (_this.dataFormat == 'list'){
+ //1.构建一个存放节点的树组
+ var rootListData = _this.queryListTreeByPid(pid, data);
+ _this.loadListTree(rootListData, _this.data, level);
+ } else {
+ _this.loadTree(data, level);
+ }
+
+ // 显示树线
+ _this.showLine();
+
+ // 这种情况下需要一开始就将toolbar显示在页面上
+ if(_this.toolbar && _this.toolbarWay != 'contextmenu') {
+ _this.setToolbarDom().setToolbarPlace(_this.toolbarMenu);
+ }
+
+ // 判断是否存在错误数据，并是否打印错误数据
+ _this.msgErrData();
+
+ // 设置下拉树的初始值
+ if(first && _this.select && _this.selectInitVal){
+ if(_this.checkbar) { // 复选框模式下
+ _this.chooseDataInit(_this.selectInitVal);
+ _this.selectCheckboxVal(_this.selectInitVal);
+ } else { // 普通模式下
+ _this.dataInit(_this.selectInitVal);
+ _this.selectVal(_this.selectInitVal);
+ }
+ }
+
+ // 保存树副本
+ _this.bak = _this.obj.html();
+
+ // 加载完毕后的回调
+ _this.done(_this.data, $ul, first);
+
+ if(_this.load){layer.close(index);}
+ }, 100);
+ }
+
+ /**
+ * @Desc: 异步加载树
+ * @Param: first： 表示是否第一次加载
+ * @Param: $ul： JQuery对象，代表当前数据加载到的ul标签里
+ * @Param: callback： 异步加载完成之后的回调函数
+ */
+ DTree.prototype.asyncLoadTree = function(first, $ul, callback){
+ var _this = this;
+
+ if (!_this.url) {
+ layer.msg("数据请求异常，url参数未指定", {icon:5});
+ return ;
+ }
+
+ //先将ul中的元素清空
+ $ul.html("");
+
+ var index = "";
+
+ AjaxHelper.request({
+ async: _this.async,
+ headers: _this.headers,
+ type: _this.method,
+ url: _this.url,
+ dataType: _this.dataType,
+ contentType: _this.contentType,
+ withCredentials: _this.withCredentials,
+ data: _this.getFilterRequestParam(_this.getRequestParam()),
+ beforeSend: function(XMLHttpRequest, self){
+ index = _this.load ? layer.load(1) : "";
+ var returnFlag = _this.beforeSend(this, XMLHttpRequest, self);
+ if(!returnFlag) {
+ if(_this.load){layer.close(index);}
+ }
+ return returnFlag;
+ },
+ success: function(result) {
+ if (typeof result === 'string') {
+ result = $.parseJSON(result);
+ }
+
+ // 加载完毕后执行树解析前的回调
+ _this.success(result, $ul, first);
+
+ var code = "";
+ if (_this.dataStyle == 'layuiStyle'){
+ code = result[_this.response.statusName];
+ } else {
+ code = result.status[_this.response.statusName];
+ }
+
+ if (code == _this.response.statusCode) {
+
+ var d = result[_this.response.rootName];
+
+ if(first && typeof d.length === 'undefined'){
+ $ul.html(_this.getNoneDom().errText("数据解析异常，url回调后的数据格式不正确"));
+ //layer.msg("数据解析异常，url回调后的数据格式不正确", {icon:5});
+ return ;
+ }
+
+ if(first && d.length == 0) {
+ $ul.html(_this.getNoneDom().text());
+ return ;
+ }
+
+ //1.识别根节点ul中的data-id标签，判断顶级父节点
+ var pid = (first == true) ? $ul.attr("data-id") : _this.node.nodeId;
+ var level = (first == true) ? 1 : parseInt(_this.node.level)+1;
+
+ // 第一次解析树
+ if (_this.dataFormat == 'list'){
+ //1.构建一个存放节点的树组
+ var rootListData = _this.queryListTreeByPid(pid, d);
+ if(first) {
+ _this.loadListTree(rootListData, d, level);
+ } else {
+ _this.loadListTree(rootListData, d, level, $ul);
+ }
+ } else {
+ if(first) {
+ _this.loadTree(d, level);
+ } else {
+ _this.loadTree(d, level, $ul);
+ }
+ }
+
+ // 显示树线
+ _this.showLine();
+
+ // 这种情况下需要一开始就将toolbar显示在页面上
+ if(_this.toolbar && _this.toolbarWay != 'contextmenu') {
+ _this.setToolbarDom().setToolbarPlace(_this.toolbarMenu);
+ }
+
+ // 判断是否存在错误数据，并是否打印错误数据
+ _this.msgErrData();
+
+ if(!first) {
+ $ul.addClass(NAV_SHOW);
+ }
+
+ // 设置下拉树的初始值
+ if(first && _this.select && _this.selectInitVal){
+ if(_this.checkbar) { // 复选框模式下
+ _this.chooseDataInit(_this.selectInitVal);
+ _this.selectCheckboxVal(_this.selectInitVal);
+ } else { // 普通模式下
+ _this.dataInit(_this.selectInitVal);
+ _this.selectVal(_this.selectInitVal);
+ }
+ }
+
+ // 保存树副本
+ _this.bak = _this.obj.html();
+
+ // 加载完毕后的回调
+ _this.done(result, $ul, first);
+
+ callback && callback();
+ } else {
+ // 如果打印不出任何信息说明是在这里，用了错误的数据格式， 或返回码不正确
+ if (_this.dataStyle == 'layuiStyle'){
+ _this.obj.html(_this.getNoneDom().errText(result[_this.response.message]));
+ _this.error(null, code, result[_this.response.message]);
+ } else {
+ _this.obj.html(_this.getNoneDom().errText(result.status[_this.response.message]));
+ _this.error(null, code, result.status[_this.response.message]);
+ }
+ }
+ },
+ error: function(XMLHttpRequest, textStatus, errorThrown){// 异步加载异常回调
+ _this.obj.html(_this.getNoneDom().errText(textStatus + ": " + errorThrown));
+ _this.error(XMLHttpRequest, textStatus, errorThrown);
+ },
+ complete: function(XMLHttpRequest, textStatus){// 异步加载完成回调
+ if(_this.load){layer.close(index);}
+ _this.complete(XMLHttpRequest, textStatus);
+ }
+ });
+
+ }
+
+ /**
+ * @Desc: 初始化渲染树或者拼接渲染树，list模式下
+ * @Param: nowListData： 表示当前需要被渲染的数据
+ * @Param: listData： 表示全部数据
+ * @Param: level： 当前渲染的层级
+ * @Param: $ul： JQuery对象，代表当前数据加载到的ul标签里
+ */
+ DTree.prototype.loadListTree = function(nowListData, listData, level, $ul){
+ var _this = this;
+ $ul = $ul || _this.getNodeDom().nowOrRootUl(); //当前选中的节点或根节点
+ if (nowListData.length > 0){
+ for (var i = 0; i < nowListData.length; i++) {
+ // 1.获取已知节点的全部数据
+ var data = nowListData[i];
+ if(typeof data !== "object") continue;
+ var parseData = _this.parseData(data);
+ var childListData = _this.queryListTreeByPid(parseData.treeId(), listData); // 根据已知数据的id判断该条数据是否还有子数据
+
+ // 3. 页面元素加载数据
+ $ul.append(_this.getLiItemDom(parseData.treeId(), parseData.parentId(), parseData.title(), parseData.fmtTitle(), parseData.last(childListData.length), parseData.ficonClass(), parseData.iconClass(), parseData.checkArr(), level, parseData.spread(level), parseData.disabled(), parseData.hide(), parseData.basicData(), parseData.recordData(), ($ul.hasClass(UL_ROOT) ? "root" : "item")));
+ // 4.有子数据的元素加载子节点
+ if(childListData.length > 0){
+ var cLevel = parseInt(level)+1;
+ _this.loadListTree(childListData, listData, cLevel, _this.obj.find("ul[data-id='"+parseData.treeId()+"']"));
+ }
+ }
+ }
+ };
+
+ /**
+ * @Desc: 根据父ID查找list数据中匹配的元素
+ * @Param: pid： 表示父ID
+ * @Param: listData： 表示全部数据
+ */
+ DTree.prototype.queryListTreeByPid = function(pid, listData){
+ var _this = this;
+ var rootListData = [];
+ if (listData) {
+ for (var i = 0; i < listData.length; i++) {
+ var data = listData[i];
+ if(typeof data !== "object") continue;
+ if(pid == "null" || pid == null){
+ if(data[_this.response.parentId] == null) { rootListData.push(data); }
+ } else {
+ if (data[_this.response.parentId] == pid){
+ if (data[_this.response.treeId] == pid){
+ _this.errData.push(data);
+ } else {
+ rootListData.push(data);
+ }
+ }
+ }
+ }
+ }
+ return rootListData;
+ };
+
+ /**
+ * @Desc: 初始化渲染树或者拼接渲染树，层级关系模式下
+ * @Param: listData： 表示全部数据
+ * @Param: level： 当前渲染的层级
+ * @Param: $ul： JQuery对象，代表当前数据加载到的ul标签里
+ */
+ DTree.prototype.loadTree = function(listData, level, $ul){
+ var _this = this;
+ if (listData) {
+ $ul = $ul || _this.getNodeDom().nowOrRootUl(); //当前选中的节点或根节点
+ for (var i = 0; i < listData.length; i++) { // 遍历跟节点或追加的跟节点
+ var data = listData[i];
+ if(typeof data !== "object") continue;
+ if(data[_this.response.treeId] == data[_this.response.parentId]) { _this.errData.push(data); }
+ var parseData = _this.parseData(data);
+ var children = parseData.children();
+ $ul.append(_this.getLiItemDom(parseData.treeId(), parseData.parentId(), parseData.title(), parseData.fmtTitle(), parseData.last(children.length), parseData.ficonClass(), parseData.iconClass(), parseData.checkArr(), level, parseData.spread(level), parseData.disabled(), parseData.hide(), parseData.basicData(), parseData.recordData(), ($ul.hasClass(UL_ROOT) ? "root" : "item")));
+ if (children.length != 0) {
+ var cLevel = parseInt(level)+1;
+ _this.loadTree(children, cLevel, _this.obj.find("ul[data-id='"+parseData.treeId()+"']"));
+ }
+ }
+ }
+ };
+
+ /**
+ * @Desc: 判断在数据加载时是否存在错误数据，并是否打印错误数据
+ * @Param:
+ */
+ DTree.prototype.msgErrData = function() {
+ var _this = this;
+ if(_this.errData.length > 0 && _this.errDataShow) {
+ var title = "";
+ for(var i=0; i<_this.errData.length; i++) {
+ var edata = _this.errData[i];
+ title += "数据：【"+edata[_this.response.title]+"】中节点id和上级id值一致！ \n";
+ }
+ layer.msg(title, {icon:2,time:5000});
+ }
+ // 显示之后，将错误数据制空
+ _this.errData = [];
+ };
+
+ /**
+ * @Desc: 解析单个数据
+ * @Param: data： 被解析的单个数据对象
+ */
+ DTree.prototype.parseData = function(data) {
+ var _this = this;
+
+ return {
+ treeId: function(){
+ return data[_this.response.treeId];
+ },
+ parentId: function(){
+ return data[_this.response.parentId];
+ },
+ fmtTitle: function(){
+ if(typeof _this.formatter.title === 'function'){
+ var ftitle = _this.formatter.title(data);
+ var tt = data[_this.response.title];
+ tt = (ftitle == "" || ftitle == undefined || ftitle == null) ? tt : ftitle;
+ return tt || "";
+ }
+ return data[_this.response.title];
+ },
+ title: function(){
+ return data[_this.response.title];
+ },
+ level: function(){
+ return data[_this.response.level] || "";
+ },
+ ficonClass: function(){
+ return data[_this.response.ficonClass] || "";
+ },
+ iconClass: function(){
+ return data[_this.response.iconClass] || "";
+ },
+ last: function(len){
+ return ((len == 0) ?
+ ((typeof (data[_this.response.last]) === "boolean") ? data[_this.response.last] : true) :
+ ((typeof (data[_this.response.last]) === "boolean") ? data[_this.response.last] : false));
+ },
+ spread: function(level){
+ return ((level < _this.initLevel) ?
+ ((typeof (data[_this.response.spread]) === "boolean") ? data[_this.response.spread] : true) :
+ ((typeof (data[_this.response.spread]) === "boolean") ? data[_this.response.spread] : false));
+ },
+ disabled: function(){
+ return (typeof (data[_this.response.disabled]) === "boolean") ? data[_this.response.disabled] : false;
+ },
+ hide: function(){
+ return (typeof (data[_this.response.hide]) === "boolean") ? data[_this.response.hide] : false;
+ },
+ checkArr: function(){
+ var checkArr = [];
+ var checkArrData = data[_this.response.checkArr];
+ if(typeof checkArrData === 'string'){
+ if(checkArrData.indexOf("{") > -1 && checkArrData.indexOf("}") > -1){
+ checkArrData = JSON.parse(checkArrData);
+ } else {
+ checkArrData = {"type":"0","checked":checkArrData};
+ }
+ }
+ if(typeof checkArrData === 'object'){
+ if(typeof checkArrData.length === 'undefined'){
+ checkArr.push(checkArrData);
+ } else {
+ checkArr = checkArrData;
+ }
+ }
+
+ if(checkArr.length > 0 && checkArr.length > _this.checkArrLen){
+ _this.checkArrLen = checkArr.length; // 获取复选框个数
+ }
+ return checkArr;
+
+ },
+ children: function(){
+ return data[_this.response.childName] || [];
+ },
+ basicData: function(){
+ return event.escape(JSON.stringify(data[_this.response.basicData])) || JSON.stringify({});
+ },
+ recordData: function(){
+ var recordData = _this.record ? event.cloneObj(data, [_this.response.treeId,
+ _this.response.parentId,
+ _this.response.title,
+ _this.response.iconClass,
+ _this.response.childName,
+ _this.response.last,
+ _this.response.spread,
+ _this.response.disabled,
+ _this.response.hide,
+ _this.response.checkArr,
+ _this.response.checked,
+ _this.response.type,
+ _this.response.basicData]) : {};
+
+ return event.escape(JSON.stringify(recordData));
+ },
+ data: function(){
+ return data;
+ }
+ }
+
+ };
+
+ /**
+ * @Desc: 无节点数据、节点数据异常时显示dom
+ */
+ DTree.prototype.getNoneDom = function(){
+ var _this = this,
+ rootId = _this.obj[0].id,
+ noneTitle = _this.none;
+
+ return {
+ text: function(){
+ return ""+noneTitle+"
";
+ },
+ errText: function(errInfo){
+ return ""+errInfo+"
";
+ }
+ }
+ };
+
+ /**
+ * @Desc: 新增节点的dom值
+ * @Param: treeId： 节点ID
+ * @Param: parentId： 节点父ID
+ * @Param: title： 节点标题
+ * @Param: fmtTitle： 节点附加标题
+ * @Param: last： 是否最后一级节点
+ * @Param: ficonClass： 一级图标class
+ * @Param: iconClass： 二级图标class
+ * @Param: checkArr： 复选框
+ * @Param: spread： 是否展开
+ * @Param: disabled： 是否禁用
+ * @Param: hide： 是否隐藏
+ */
+ DTree.prototype.getDom = function(treeId, parentId, title, fmtTitle, last, ficonClass, iconClass, checkArr, level, spread, disabled, hide) {
+ var _this = this,
+ rootId = _this.obj[0].id,
+ toolbar = _this.toolbar,
+ checkbar = _this.checkbar;
+
+ return {
+ fnode: function() { // + - 图标
+ // 获取图标的变量
+ var fnodeIcon = _this.fnodeIcon,
+ fleafIcon = _this.fleafIcon;
+
+ var fleafIconLeaf = _this.usefontStyle.fnode.leaf,
+ fnodeIconOpen = _this.usefontStyle.fnode.node.open,
+ fnodeIconClose = _this.usefontStyle.fnode.node.close;
+
+ if(ficonClass){
+ var iconfont = _this.iconfont;
+ if(typeof iconfont === 'string') {
+ fleafIconLeaf = iconfont + " " + ficonClass;
+ fnodeIconOpen = iconfont + " " + ficonClass;
+ fnodeIconClose = iconfont + " " + ficonClass;
+ } else {
+ fleafIconLeaf = iconfont[0] + " " + ficonClass;
+ fnodeIconOpen = iconfont[0] + " " + ficonClass;
+ fnodeIconClose = iconfont[0] + " " + ficonClass;
+ }
+ }
+
+ if(fnodeIcon != "-1" && fleafIcon != "-1"){ // 都加载
+ return last ? "" :
+ (spread ? "" : "");
+ }
+
+ if(fnodeIcon != "-1" && fleafIcon == "-1"){ // 加载node 隐藏leaf
+ return last ? "" :
+ (spread ? "" : "");
+ }
+
+ if(fnodeIcon == "-1" && fleafIcon != "-1"){ // 隐藏node 加载leaf
+ return last ? "" :
+ (spread ? "" : "");
+ }
+
+ if(fnodeIcon == "-1" && fleafIcon == "-1"){ // 都隐藏
+ return last ? "" :
+ (spread ? "" : "");
+ }
+ },
+ node: function() { // 二级图标样式
+ // 获取图标的变量
+ var nodeIcon = _this.nodeIcon,
+ leafIcon = _this.leafIcon;
+
+ var sleafIconLeaf = _this.usefontStyle.snode.leaf,
+ snodeIconOpen = _this.usefontStyle.snode.node.open,
+ snodeIconClose = _this.usefontStyle.snode.node.close;
+ if(iconClass){
+ var iconfont = _this.iconfont;
+ if(typeof iconfont === 'string') {
+ sleafIconLeaf = iconfont + " " + iconClass;
+ snodeIconOpen = iconfont + " " + iconClass;
+ snodeIconClose = iconfont + " " + iconClass;
+ } else {
+ sleafIconLeaf = iconfont[0] + " " + iconClass;
+ snodeIconOpen = iconfont[0] + " " + iconClass;
+ snodeIconClose = iconfont[0] + " " + iconClass;
+ }
+ }
+
+ if(nodeIcon != "-1" && leafIcon != "-1"){ // 都加载
+ return last ? "" :
+ (spread ? "" : "");
+ }
+
+ if(nodeIcon != "-1" && leafIcon == "-1"){ // 加载node 隐藏leaf
+ return last ? "" :
+ (spread ? "" : "");
+ }
+
+ if(nodeIcon == "-1" && leafIcon != "-1"){ // 隐藏node 加载leaf
+ return last ? "" :
+ (spread ? "" : "");
+ }
+
+ if(nodeIcon == "-1" && leafIcon == "-1"){ // 都隐藏
+ return last ? "" :
+ (spread ? "" : "");
+ }
+ },
+ checkbox: function() { // 复选框
+ var flag = false;
+ if(_this.checkbarLoad == "node"){if (checkbar) {flag = true;}} else {if (last) {if (checkbar) {flag = true;}}}
+
+ if(flag){
+ var result = "";
+ if(checkArr && checkArr.length > 0){
+
+ for (var i = 0; i < checkArr.length; i++) {
+ var checkData = checkArr[i];
+ var checked = checkData[_this.response.checked];
+ var type = checkData[_this.response.type];
+ var CHOOSE_CLASS = _this.usefontStyle.checkbox.out;
+ if (checked == "2") { //半选择
+ CHOOSE_CLASS = _this.usefontStyle.checkbox.noall + " " + _this.style.chs;
+ } else if (checked == "1") { //选择
+ CHOOSE_CLASS = _this.usefontStyle.checkbox.on + " " + _this.style.chs;
+ } else { //未选择或者无值
+ CHOOSE_CLASS = _this.usefontStyle.checkbox.out;
+ }
+ var disClass = "";
+ if(disabled){disClass = NAV_DIS;}
+ result += "";
+ }
+ }
+ result += "
";
+ return result;
+ }
+
+ return "";
+ },
+ text: function() { // 文字显示
+ var disClass = "";
+ if(disabled){disClass = NAV_DIS;}
+ return ""+fmtTitle+"";
+ },
+ ul: function() { //子节点ul
+ return last ? "" :
+ (spread ? "" : "");
+ }
+ };
+ };
+
+ /**
+ * @Desc: 替换节点的dom值，或指定这些值
+ * @Param: $div： JQuery对象，表示当前被操作的节点
+ * @Param: treeId： 节点ID
+ * @Param: last： 是否最后一级节点
+ * @Param: spread： 是否展开
+ * @Param: disabled： 是否禁用
+ * @Param: hide： 是否隐藏
+ */
+ DTree.prototype.replaceDom = function($div, treeId, last, spread, disabled, hide) {
+ var _this = this,
+ rootId = _this.obj[0].id,
+ toolbar = _this.toolbar,
+ checkbar = _this.checkbar;
+
+ return {
+ fnode: function(ficonClass) { // + - 图标
+ var fnode = "";
+
+ // 获取图标的变量
+ var fnodeIcon = _this.fnodeIcon,
+ fleafIcon = _this.fleafIcon;
+
+ var fleafIconLeaf = _this.usefontStyle.fnode.leaf,
+ fnodeIconOpen = _this.usefontStyle.fnode.node.open,
+ fnodeIconClose = _this.usefontStyle.fnode.node.close;
+
+ if(ficonClass){
+ var iconfont = _this.iconfont;
+ if(typeof iconfont === 'string') {
+ fleafIconLeaf = iconfont + " " + ficonClass;
+ fnodeIconOpen = iconfont + " " + ficonClass;
+ fnodeIconClose = iconfont + " " + ficonClass;
+ } else {
+ fleafIconLeaf = iconfont[0] + " " + ficonClass;
+ fnodeIconOpen = iconfont[0] + " " + ficonClass;
+ fnodeIconClose = iconfont[0] + " " + ficonClass;
+ }
+ }
+
+ if(fnodeIcon != "-1" && leafIcon != "-1"){ // 都加载
+ fnode = last ? "" :
+ (spread ? "" : "");
+ }else if(nodeIcon != "-1" && leafIcon == "-1"){ // 加载node 隐藏leaf
+ fnode = last ? "" :
+ (spread ? "" : "");
+ }else if(nodeIcon == "-1" && leafIcon != "-1"){ // 隐藏node 加载leaf
+ fnode = last ? "" :
+ (spread ? "" : "");
+ }else if(nodeIcon == "-1" && leafIcon == "-1"){ // 都隐藏
+ fnode = last ? "" :
+ (spread ? "" : "");
+ }
+ if(fnode != ""){_this.getNodeDom($div).fnode().replaceWith($(fnode));}
+ },
+ node: function(iconClass) { // 二级图标样式
+ var snode = "";
+
+ // 获取图标的变量
+ var nodeIcon = _this.nodeIcon,
+ leafIcon = _this.leafIcon;
+
+ var sleafIconLeaf = _this.usefontStyle.snode.leaf,
+ snodeIconOpen = _this.usefontStyle.snode.node.open,
+ snodeIconClose = _this.usefontStyle.snode.node.close;
+ if(iconClass){
+ var iconfont = _this.iconfont;
+ if(typeof iconfont === 'string') {
+ sleafIconLeaf = iconfont + " " + iconClass;
+ snodeIconOpen = iconfont + " " + iconClass;
+ snodeIconClose = iconfont + " " + iconClass;
+ } else {
+ sleafIconLeaf = iconfont[0] + " " + iconClass;
+ snodeIconOpen = iconfont[0] + " " + iconClass;
+ snodeIconClose = iconfont[0] + " " + iconClass;
+ }
+ }
+
+ if(nodeIcon != "-1" && leafIcon != "-1"){ // 都加载
+ snode = last ? "" :
+ (spread ? "" : "");
+ }else if(nodeIcon != "-1" && leafIcon == "-1"){ // 加载node 隐藏leaf
+ snode = last ? "" :
+ (spread ? "" : "");
+ }else if(nodeIcon == "-1" && leafIcon != "-1"){ // 隐藏node 加载leaf
+ snode = last ? "" :
+ (spread ? "" : "");
+ }else if(nodeIcon == "-1" && leafIcon == "-1"){ // 都隐藏
+ snode = last ? "" :
+ (spread ? "" : "");
+ }
+ if(snode != ""){_this.getNodeDom($div).snode().replaceWith($(snode));}
+ },
+ checkbox: function(checkArr) { // 复选框
+ var flag = false;
+ if(_this.checkbarLoad == "node"){if (checkbar) {flag = true;}} else {if (last) {if (checkbar) {flag = true;}}}
+
+ if(flag){
+ var result = "";
+ if(checkArr && checkArr.length > 0){
+
+ for (var i = 0; i < checkArr.length; i++) {
+ var checkData = checkArr[i];
+ var checked = checkData[_this.response.checked];
+ var type = checkData[_this.response.type];
+ var CHOOSE_CLASS = _this.usefontStyle.checkbox.out;
+ if (checked == "2") { //半选择
+ CHOOSE_CLASS = _this.usefontStyle.checkbox.noall + " " + _this.style.chs;
+ } else if (checked == "1") { //选择
+ CHOOSE_CLASS = _this.usefontStyle.checkbox.on + " " + _this.style.chs;
+ } else { //未选择或者无值
+ CHOOSE_CLASS = _this.usefontStyle.checkbox.out;
+ }
+ var disClass = "";
+ if(disabled){disClass = NAV_DIS;}
+ result += "";
+ }
+ }
+ result += "
";
+ _this.getNodeDom($div).snode().next("div").replaceWith($(result));
+ }
+ },
+ text: function(title) { // 文字显示
+ var disClass = "";
+ if(disabled){disClass = NAV_DIS;}
+ var cite = ""+title+""
+ _this.getNodeDom($div).cite().replaceWith($(cite));
+ },
+ ul: function() { //子节点ul
+ var ul = last ? "" :
+ (spread ? "" : "");
+ _this.getNodeDom($div).nextUl().replaceWith($(ul));
+ },
+ div: function(){
+ $div.attr("data-id", treeId);
+ },
+ basicData: function(basicData){
+ basicData = (basicData == "{}") ? "" : basicData;
+ $div.attr("data-basic", basicData);
+ },
+ recordData: function(recordData){
+ recordData = (recordData == "{}") ? "" : recordData;
+ $div.attr("data-record", recordData);
+ },
+ p_li: function(pId){
+ var $li = $div.parent("li");
+ $li.attr("data-id", treeId);
+ if(pId) {
+ $li.attr("data-pid", pId);
+ }
+ return $li;
+ }
+ };
+
+ };
+
+ /**
+ * @Desc: 获取拼接好的li的dom
+ * @Param: treeId： 节点ID
+ * @Param: parentId： 节点父ID
+ * @Param: title： 节点标题
+ * @Param: fmtTitle： 节点附加标题
+ * @Param: last： 是否最后一级节点
+ * @Param: ficonClass： 一级图标class
+ * @Param: iconClass： 二级图标class
+ * @Param: checkArr： 复选框
+ * @Param: level： 当前li的层级
+ * @Param: spread： 是否展开
+ * @Param: disabled： 是否禁用
+ * @Param: hide： 是否隐藏
+ * @Param: basicData： 自定义的扩展字段值（转义后的JSON字符）
+ * @Param: recordData： 开启记录模式的记录值（转义后的JSON字符）
+ * @Param: isRoot： 当前节点是否是根节点下的节点
+ */
+ DTree.prototype.getLiItemDom = function(treeId, parentId, title, fmtTitle, last, ficonClass, iconClass, checkArr, level, spread, disabled, hide, basicData, recordData, isRoot) {
+ var _this = this,
+ rootId = _this.obj[0].id;
+
+ var dom = _this.getDom(treeId, parentId, title, fmtTitle, last, ficonClass, iconClass, checkArr, level, spread, disabled, hide);
+ basicData = (basicData == "{}") ? "" : basicData;
+ recordData = (recordData == "{}") ? "" : recordData;
+ var div = "" +
+ div ,
+ dom.fnode(),
+ dom.node(),
+ dom.checkbox(),
+ dom.text(),
+ "
", dom.ul(), ""].join("");
+
+ return li;
+ };
+
+ /**
+ * @Desc: 初始化节点，用于数据回显
+ * @Param: chooseId： 节点ID
+ */
+ DTree.prototype.dataInit = function(chooseId){
+ var _this = this;
+ var $div = _this.obj.find("div[data-id='"+chooseId+"']");
+ if($div && $div.length > 0) {
+ _this.obj.find("."+NAV_THIS).removeClass(NAV_THIS);
+ _this.obj.find("."+_this.style.itemThis).removeClass(_this.style.itemThis);
+ $div.addClass(NAV_THIS);
+ $div.addClass(_this.style.itemThis);
+ _this.setNodeParam($div);
+ // 将该节点的父节点全部展开
+ var $li_parents = $div.parents("."+LI_NAV_ITEM);
+ $li_parents.children("ul").addClass(NAV_SHOW);
+ $li_parents.children("."+LI_DIV_ITEM).children("i[data-spread]."+event.trimToDot(_this.usefontStyle.fnode.node.close)).addClass(_this.usefontStyle.fnode.node.open);
+ $li_parents.children("."+LI_DIV_ITEM).children("i[data-spread]."+event.trimToDot(_this.usefontStyle.fnode.node.close)).removeClass(_this.usefontStyle.fnode.node.close);
+ $li_parents.children("."+LI_DIV_ITEM).children("i[data-spread]."+event.trimToDot(_this.usefontStyle.snode.node.close)).addClass(_this.usefontStyle.snode.node.open);
+ $li_parents.children("."+LI_DIV_ITEM).children("i[data-spread]."+event.trimToDot(_this.usefontStyle.snode.node.close)).removeClass(_this.usefontStyle.snode.node.close);
+ }
+ return _this.getNowParam();
+ };
+
+ /**
+ * @Desc: 基于备份的Html数据回滚
+ * @Param: chooseId： 节点ID
+ */
+ DTree.prototype.rollbackHtml = function(chooseId){
+ var _this = this;
+ if(_this.bak) {
+ _this.obj.html(_this.bak);
+ // 取消全部选中状态
+ _this.cancelNavThis();
+ if(_this.checkbar) {
+ _this.cancelCheckedNode();
+ _this.chooseDataInit(chooseId);
+ } else {
+ _this.dataInit(chooseId);
+ }
+
+ _this.bak = _this.obj.html();
+ }
+ };
+
+
+ /******************** 基础事件区域 ********************/
+ /**
+ * @Desc: 数据格式化
+ * @Param: html： 需要格式化的数据
+ */
+ DTree.prototype.escape = function(html){
+ return event.escape(html);
+ };
+
+ /**
+ * @Desc: 格式化数据转回正常数据
+ * @Param: str： 需要转回的数据
+ */
+ DTree.prototype.unescape = function(str){
+ return event.unescape(str);
+ };
+
+ /**
+ * @Desc: 取消选中当前选中的div
+ */
+ DTree.prototype.cancelNavThis = function(){
+ var _this = this;
+ _this.obj.find("div[data-id]").parent().find("."+NAV_THIS).removeClass(NAV_THIS);
+ _this.obj.find("div[data-id]").parent().find("."+_this.style.itemThis).removeClass(_this.style.itemThis);
+ }
+
+ /**
+ * @Desc: 选中div
+ * @Param: id： 当前div本身 / 当前选中div的id值
+ */
+ DTree.prototype.navThis = function(id){
+ var _this = this;
+ var $div = (typeof id === 'object') ? id : (_this.obj.find("div[dtree-click='"+eventName.itemNodeClick+"'][data-id='"+id+"']").length == 0) ? null : _this.obj.find("div[dtree-click='"+eventName.itemNodeClick+"'][data-id='"+id+"']");
+ if($div != null) {
+ _this.cancelNavThis();
+ $div.addClass(NAV_THIS);
+ $div.addClass(_this.style.itemThis);
+ }
+ }
+
+ /**
+ * @Desc: 手风琴模式操作其他节点
+ * @Param: $ul： JQuery对象，表示dtree中的ul节点
+ */
+ DTree.prototype.accordionUL = function($ul) {
+ var _this = this;
+ if(_this.accordion) {
+ $ul.closest("li[data-index]").siblings("li[data-index]").children("ul[data-id]").removeClass(NAV_SHOW);
+ var $divs = $ul.closest("li[data-index]").siblings("li[data-index]").children("ul[data-id]").prev("div");
+ if($divs.length && $divs.length > 0) {
+ for (var i=0; i<$divs.length; i++) {
+ var $div = $($divs[i]);
+ var $i_fnode = _this.getNodeDom($div).fnode(),
+ $i_snode = _this.getNodeDom($div).snode();
+ if($i_fnode.attr("data-spread") != 'last'){
+ _this.operateIcon($i_fnode, $i_snode).close();
+ }
+ }
+ }
+
+ }
+ };
+
+ /**
+ * @Desc: 展开或隐藏节点 作用点： div
+ * @Param: $div： JQuery对象，表示当前操作的div节点
+ */
+ DTree.prototype.clickSpread = function($div) {
+ var _this = this;
+ var $i_fnode = _this.getNodeDom($div).fnode(),
+ $i_snode = _this.getNodeDom($div).snode(),
+ $cite = _this.getNodeDom($div).cite(),
+ spread = $i_fnode.attr("data-spread"),
+ $ul = $div.next("ul");
+
+ if ($ul.length > 0) {
+ if (spread == "close") {
+ if (_this.type=="load") { //增加加载
+ if (_this.cache) { //开启缓存
+ if ($ul.html()) {
+ $ul.addClass(NAV_SHOW);
+ _this.accordionUL($ul);
+ } else { //加载节点
+ _this.getChild($div);
+ _this.accordionUL($ul);
+ }
+ }else { //每次取新的数据
+ $ul.html("");
+ _this.getChild($div);
+ _this.accordionUL($ul);
+ }
+ } else { // 全量加载
+ $ul.addClass(NAV_SHOW);
+ _this.accordionUL($ul);
+ }
+ _this.operateIcon($i_fnode, $i_snode).open();
+ } else if (spread == "open") {
+ $ul.removeClass(NAV_SHOW);
+ _this.operateIcon($i_fnode, $i_snode).close();
+ }
+ }
+ };
+
+ /**
+ * @Desc: 设置节点为disabled
+ * @Param: disabledIds： 需要设置禁用的节点id字符串集合（用,分割）/id数组
+ */
+ DTree.prototype.setDisabledNodes = function(disabledIds){
+ var _this = this;
+ var disabledId = [];
+ if(typeof disabledIds === "string") {
+ disabledId = disabledIds.split(",");
+ } else {
+ disabledId = disabledIds;
+ }
+
+ if(disabledIds.length) {
+ for (var i=0; i 0) {
+ _this.getChild($div, data);
+ } else {
+ var parseData = _this.parseData(data);
+
+ if(parseData.treeId()){
+ var level = parseInt($div.parent("li").attr("data-index"))+1;
+ $ul.append(_this.getLiItemDom(parseData.treeId(), parseData.parentId(), parseData.title(), parseData.fmtTitle(), parseData.last(0), parseData.ficonClass(), parseData.iconClass(), parseData.checkArr(), level, parseData.spread(), parseData.disabled(), parseData.hide(), parseData.basicData(), parseData.recordData(), "item"));
+
+ // 建造完毕后，选中该DIV
+ $thisDiv = $ul.find("div[data-id='"+parseData.treeId()+"']");
+ _this.setNodeParam($thisDiv);
+
+ _this.showLine($ul.find("li"));
+ // 这种情况下需要在新增节点后对节点新增工具栏
+ if(_this.toolbar && _this.toolbarWay != 'contextmenu') {
+ _this.dynamicToolbarDom($thisDiv.find("cite[data-leaf]"));
+ }
+ } else {
+ layer.msg("添加失败,节点ID为undefined！",{icon:5});
+ // 重新赋值
+ _this.setNodeParam($div);
+ }
+ }
+ } else {
+ _this.getChild($div);
+ }
+ }
+
+ /**
+ * @Desc: 局部刷新树--编辑当前节点选中节点时
+ * @Param: $div: JQuery对象，当前编辑节点的Div
+ * @Param: data： 当前需要渲染的数据，JSON对象、字符串
+ */
+ DTree.prototype.partialRefreshEdit = function($div, data){
+ var _this = this;
+ $ul = $div.next("ul"),
+ $p_li = $div.parent("li");
+
+ if(data) {
+ if(typeof data === 'object') {
+ var parseData = _this.parseData(data);
+
+ if(parseData.treeId()){
+ var replaceDom = _this.replaceDom($div, parseData.treeId(), parseData.last(0), parseData.spread(), parseData.disabled(), parseData.hide());
+ replaceDom.div();
+ replaceDom.node(parseData.iconClass());
+ replaceDom.checkbox(parseData.checkArr());
+ replaceDom.text(parseData.title());
+ replaceDom.ul();
+ replaceDom.basicData(parseData.basicData());
+ replaceDom.recordData(parseData.recordData());
+
+ var parentId = parseData.parentId();
+ var oldParentId = $p_li.attr("data-pid");
+ if(parentId && parentId != oldParentId) {
+ // 变更了父节点
+ $p_li = replaceDom.p_li(parentId);
+
+ // 根据parentId找到下挂节点的ul
+ var $goto_div = _this.getNodeDom(parentId).div(),
+ $goto_ul = _this.getNodeDom(parentId).nextUl();
+ // 判断父级ul中是否还存在li,如果不存在，则需要修改节点的样式
+ if($goto_ul.children("li").length == 0){
+ var $icon_i = $goto_div.find("i[data-spread]");
+ _this.operateIcon($icon_i.eq(0), $icon_i.eq(1)).openWithLeaf();
+ $goto_ul.addClass(NAV_SHOW);
+ }
+ $goto_ul.append($p_li);
+ } else {
+ replaceDom.p_li();
+ }
+ _this.setNodeParam($div);
+ } else {
+ layer.msg("编辑失败,节点ID为undefined！",{icon:5});
+ // 重新赋值
+ _this.setNodeParam($div);
+ }
+ } else {
+ _this.getNodeDom($div).cite().html(data);
+ }
+ }
+ }
+
+ /**
+ * @Desc: 局部刷新树--当前节点选中被删除时
+ * @Param: $div: JQuery对象，当前被删除节点的Div
+ */
+ DTree.prototype.partialRefreshDel = function($div){
+ var _this = this;
+ $p_li = $div.parent("li");
+ $p_ul = _this.getNodeDom($div).parentUl();
+ $p_div = _this.getNodeDom($div).parentDiv();
+
+ $p_li.remove();
+ _this.showLine($p_ul.find("li"));
+ // 判断父级ul中是否还存在li,如果不存在，则需要修改节点的样式
+ if($p_ul.children("li").length == 0){
+ var $icon_i = $p_div.find("i[data-spread]");
+ _this.operateIcon($icon_i.eq(0), $icon_i.eq(1)).closeWithLeaf();
+ }
+ _this.initNodeParam();
+ }
+
+ /***
+ * @Desc: 搜索节点，保留上级节点
+ * @param： value： 传入的节点名称
+ * layui-dtree群友： 没水平的水瓶提供。
+ */
+ DTree.prototype.fuzzySearch = function (value) {
+ var _this = this;
+ //
+ if (value.trim() == '') {
+ _this.obj.find("li").removeClass("layui-hide").attr("dtree-hide", false)
+ return
+ }
+ _this.obj.find("li").addClass("layui-hide").attr("dtree-hide", true)
+
+ var cites = []
+ var filterMode = _this.filterMode
+ /*if (filterMode == 'default') {
+ cites = _this.obj.find("li>div cite:contains('" + value + "')");
+ }*/
+ cites = _this.obj.find("li>div cite:contains('" + value + "')");
+ cites.each(function (index, cite) {
+ var li = $(cite).parent().parent();
+ var curNode = _this.getParam(li.attr("data-id"));
+ li.removeClass("layui-hide").attr("dtree-hide", false);
+ // 显示所有子级
+ li.find('ul li').removeClass("layui-hide").attr("dtree-hide", false);
+ // 显示所有父级
+ li.parents('li').removeClass("layui-hide").attr("dtree-hide", false);
+ })
+ }
+
+ /******************** 复选框区域 ********************/
+ /**
+ * @Desc: 初始化复选框的值
+ * @Param: chooseIds: 需要被选中的节点id字符串集合（用,分割）/id数组/id二维数组（多级复选框）
+ */
+ DTree.prototype.chooseDataInit = function(chooseIds){
+ var _this = this;
+ // 多级复选框二维数组
+ var chooseIdArrs = [];
+ var chooseId = [];
+ if(typeof chooseIds === "string") {
+ chooseId = chooseIds.split(",");
+ } else {
+ chooseId = chooseIds;
+ }
+ if(chooseId.length) {
+ // 说明是数组
+ for (var i=0; i."+LI_DIV_ITEM+">."+LI_DIV_CHECKBAR+">i[data-type='"+dataType+"']");
+ _this.checkStatus($child_li_i).noCheck();
+
+ // 处理父级节点的选中状态
+ for (var i = 1, item = $parent_li; i < item.length; i++) {
+ var flag = item.eq(i).find(">."+LI_NAV_CHILD+" ."+LI_DIV_CHECKBAR+">i[data-type='"+dataType+"'][data-checked='1']").length;
+ if (flag == 0) {
+ //把父级去掉选中
+ var $item_i = item.eq(i).find(">."+LI_DIV_ITEM+">."+LI_DIV_CHECKBAR+">i[data-type='"+dataType+"']");
+ _this.checkStatus($item_i).noCheck();
+ }
+ }
+ } else {
+ // 处理当前节点的选中状态
+ _this.checkStatus($i).check();
+
+ // 处理子级节点的选中状态
+ var $child_li_i = $child_li.find(">."+LI_DIV_ITEM+">."+LI_DIV_CHECKBAR+">i[data-type='"+dataType+"']");
+ _this.checkStatus($child_li_i).check();
+
+ // 处理父级节点的选中状态
+ for (var i = 1, item = $parent_li; i < item.length; i++) {
+ var $item_i = item.eq(i).find(">."+LI_DIV_ITEM+">."+LI_DIV_CHECKBAR+">i[data-type='"+dataType+"']");
+ //把父级选中
+ _this.checkStatus($item_i).check();
+ }
+ }
+ };
+
+ /**
+ * @Desc: 实现复选框点击， no-all 子集选中父级半选中，子集全选父级选中
+ * @Param: $i: JQuery对象，表示当前点击的checkbox节点
+ */
+ DTree.prototype.checkAllOrNoallOrNot = function($i) {
+ var _this = this;
+ //$i 当前点击的checkbox
+ var $div = $i.closest("."+LI_DIV_ITEM),
+ dataPar = $i.attr("data-par"),
+ dataType = $i.attr("data-type"),
+ $li = $i.closest(dataPar), //当前checkbox的上级li节点
+ $parent_li = $i.parents(dataPar), //当前checkbox的所有父级li节点
+ $child_li = $li.find(dataPar); //当前checkbox的上级li节点下的所有子级li节点
+
+ if ($i.attr("data-checked") == "1") { //当前复选框为选中状态，点击后变为未选中状态
+ // 处理当前节点的选中状态
+ _this.checkStatus($i).noCheck();
+
+ // 处理子级节点的选中状态
+ var $child_li_i = $child_li.find(">."+LI_DIV_ITEM+">."+LI_DIV_CHECKBAR+">i[data-type='"+dataType+"']");
+ _this.checkStatus($child_li_i).noCheck();
+
+ // 处理父级节点的选中状态
+ for (var i = 1, item = $parent_li; i < item.length; i++) {
+ var flag = item.eq(i).find(">."+LI_NAV_CHILD+" ."+LI_DIV_CHECKBAR+">i[data-type='"+dataType+"'][data-checked='1']").length;
+ var $item_i = item.eq(i).find(">."+LI_DIV_ITEM+">."+LI_DIV_CHECKBAR+">i[data-type='"+dataType+"']");
+ if (flag == 0) {
+ //把父级去掉选中
+ _this.checkStatus($item_i).noCheck();
+ } else {
+ //把父级半选
+ _this.checkStatus($item_i).noallCheck();
+ }
+ }
+ } else { //当前复选框为未选中状态，点击后变为选中状态
+ // 处理当前节点的选中状态
+ _this.checkStatus($i).check();
+
+ // 处理子级节点的选中状态
+ var $child_li_i = $child_li.find(">."+LI_DIV_ITEM+">."+LI_DIV_CHECKBAR+">i[data-type='"+dataType+"']");
+ _this.checkStatus($child_li_i).check();
+
+ // 处理父级节点的选中状态
+ for (var i = 1, item = $parent_li; i < item.length; i++) {
+ var flag1 = item.eq(i).find(">."+LI_NAV_CHILD+" ."+LI_DIV_CHECKBAR+">i[data-type='"+dataType+"'][data-checked='1']").length;
+ var flag2 = item.eq(i).find(">."+LI_NAV_CHILD+" ."+LI_DIV_CHECKBAR+">i[data-type='"+dataType+"']").length;
+ var $item_i = item.eq(i).find(">."+LI_DIV_ITEM+">."+LI_DIV_CHECKBAR+">i[data-type='"+dataType+"']");
+ if (flag1 != flag2) {
+ // 父级复选框半选
+ _this.checkStatus($item_i).noallCheck();
+ } else {
+ // 父级复选框全选
+ _this.checkStatus($item_i).check();
+ }
+ }
+ }
+ };
+
+ /**
+ * @Desc: 实现复选框点击，p-casc：父级选中子集全选，子集无法改变父级选中状态
+ * @Param: $i: JQuery对象，表示当前点击的checkbox节点
+ */
+ DTree.prototype.checkAllOrPcascOrNot = function($i) {
+ var _this = this;
+ //$i 当前点击的checkbox
+ var $div = $i.closest("."+LI_DIV_ITEM),
+ dataPar = $i.attr("data-par"),
+ dataType = $i.attr("data-type"),
+ $li = $i.closest(dataPar), //当前checkbox的上级li节点
+ $parent_li = $i.parents(dataPar), //当前checkbox的所有父级li节点
+ $child_li = $li.find(dataPar); //当前checkbox的上级li节点下的所有子级li节点
+
+ if ($i.attr("data-checked") == "1") { //当前复选框为选中状态，点击后变为未选中状态
+ // 处理当前节点的选中状态
+ _this.checkStatus($i).noCheck();
+
+ // 处理子级节点的选中状态
+ var $child_li_i = $child_li.find(">."+LI_DIV_ITEM+">."+LI_DIV_CHECKBAR+">i[data-type='"+dataType+"']");
+ _this.checkStatus($child_li_i).noCheck();
+
+ } else { //当前复选框为未选中状态，点击后变为选中状态
+ // 处理当前节点的选中状态
+ _this.checkStatus($i).check();
+
+ // 处理子级节点的选中状态
+ var $child_li_i = $child_li.find(">."+LI_DIV_ITEM+">."+LI_DIV_CHECKBAR+">i[data-type='"+dataType+"']");
+ _this.checkStatus($child_li_i).check();
+ }
+ };
+
+ /**
+ * @Desc: 实现复选框点击，self：各自选中互不影响
+ * @Param: $i: JQuery对象，表示当前点击的checkbox节点
+ */
+ DTree.prototype.checkOrNot = function($i) {
+ var _this = this;
+ //$i 当前点击的checkbox
+ var $div = $i.closest("."+LI_DIV_ITEM),
+ dataPar = $i.attr("data-par"),
+ dataType = $i.attr("data-type"),
+ $li = $i.closest(dataPar), //当前checkbox的上级li节点
+ $parent_li = $i.parents(dataPar), //当前checkbox的所有父级li节点
+ $child_li = $li.find(dataPar); //当前checkbox的上级li节点下的所有子级li节点
+
+ if ($i.attr("data-checked") == "1") { //当前复选框为选中状态，点击后变为未选中状态
+ // 处理当前节点的选中状态
+ _this.checkStatus($i).noCheck();
+ } else { //当前复选框为未选中状态，点击后变为选中状态
+ // 处理当前节点的选中状态
+ _this.checkStatus($i).check();
+ }
+ };
+
+ /**
+ * @Desc: 实现复选框点击，only：只能选中1个复选框
+ * @Param: $i: JQuery对象，表示当前点击的checkbox节点
+ */
+ DTree.prototype.checkOnly = function($i) {
+ var _this = this;
+ //$i 当前点击的checkbox
+ var $div = $i.closest("."+LI_DIV_ITEM),
+ dataPar = $i.attr("data-par"),
+ dataType = $i.attr("data-type"),
+ $li = $i.closest(dataPar), //当前checkbox的上级li节点
+ $parent_li = $i.parents(dataPar), //当前checkbox的所有父级li节点
+ $child_li = $li.find(dataPar); //当前checkbox的上级li节点下的所有子级li节点
+
+ var checked = $i.attr("data-checked");
+ // 将全部节点全部设为未选中状态
+ var $all_i = _this.obj.find("i[data-checked]");
+ _this.checkStatus($all_i).noCheck();
+
+ if (checked != "1") { //当前复选框为未选中状态，点击后变为选中状态
+ // 处理当前节点的选中状态
+ _this.checkStatus($i).check();
+ }
+ };
+
+ /**
+ * @Desc: 实现复选框点击汇总，分派具体的点击方式
+ * @Param: $i: JQuery对象，表示当前点击的checkbox节点
+ */
+ DTree.prototype.changeCheck = function($i) {
+ var _this = this;
+ var temp = _this.temp;
+ if(typeof $i === 'undefined') {
+ $i = temp[0];
+ }
+ // 复选框选中事件
+ if (_this.checkbarType == "all") {
+ _this.checkAllOrNot($i);
+ } else if(_this.checkbarType == "no-all") {
+ _this.checkAllOrNoallOrNot($i);
+ } else if(_this.checkbarType == "p-casc") {
+ _this.checkAllOrPcascOrNot($i);
+ } else if(_this.checkbarType == "self") {
+ _this.checkOrNot($i);
+ } else if(_this.checkbarType == "only") {
+ _this.checkOnly($i);
+ } else {
+ _this.checkAllOrNot($i);
+ }
+
+ if(_this.select) {
+ // 设置复选框模式中的下拉树的值
+ _this.selectCheckboxVal();
+ }
+
+ // 获取复选框选中节点的内容
+ var checkbarNodes = _this.setAndGetCheckbarNodesParam(true);
+
+ // 用户自定义想做的事情
+ _this.checkbarFun.chooseDone(checkbarNodes);
+ layui.event.call(this, MOD_NAME, "chooseDone("+$(_this.obj)[0].id+")", {"checkbarParams": checkbarNodes});
+ _this.temp = [];
+ };
+
+ /**
+ * @Desc: 复选框半选状态初始化设置，树节点渲染完毕后重置半选状态
+ */
+ DTree.prototype.initNoAllCheck = function(){
+ var _this = this;
+ //1.获取所有选中节点
+ var $is = _this.obj.find("i[data-checked='1']");
+ if($is.length > 0){
+ for ( var key = 0; key < $is.length; key++) {
+ var $i = $($is[key]),
+ dataPar = $i.attr("data-par"),
+ dataType = $i.attr("data-type"),
+ $li = $i.closest(dataPar), //当前checkbox的上级li节点
+ $parent_li = $i.parents(dataPar), //当前checkbox的所有父级li节点
+ $child_li = $li.find(dataPar); //当前checkbox的上级li节点下的所有子级li节点
+
+ // 处理父级节点的选中状态
+ for (var i = 1, item = $parent_li; i < item.length; i++) {
+ var flag1 = item.eq(i).find(">."+LI_NAV_CHILD+" ."+LI_DIV_CHECKBAR+">i[data-type='"+dataType+"'][data-checked='1']").length;
+ var flag2 = item.eq(i).find(">."+LI_NAV_CHILD+" ."+LI_DIV_CHECKBAR+">i[data-type='"+dataType+"']").length;
+ var $item_i = item.eq(i).find(">."+LI_DIV_ITEM+">."+LI_DIV_CHECKBAR+">i[data-type='"+dataType+"']");
+ if (flag1 != flag2) {
+ // 父级复选框半选
+ _this.checkStatus($item_i).noallCheck();
+ } else {
+ // 父级复选框全选
+ _this.checkStatus($item_i).check();
+ }
+ }
+ }
+ }
+ };
+
+ /**
+ * @Desc: 复选框选中状态初始化设置，树节点渲染完毕后重置选中状态
+ */
+ DTree.prototype.initAllCheck = function(){
+ var _this = this;
+ //1.获取所有选中节点
+ var $is = _this.obj.find("i[data-checked='1']");
+ if($is.length > 0){
+ for ( var key = 0; key < $is.length; key++) {
+ var $i = $($is[key]),
+ dataPar = $i.attr("data-par"),
+ dataType = $i.attr("data-type"),
+ $li = $i.closest(dataPar), //当前checkbox的上级li节点
+ $parent_li = $i.parents(dataPar), //当前checkbox的所有父级li节点
+ $child_li = $li.find(dataPar); //当前checkbox的上级li节点下的所有子级li节点
+
+ // 处理父级节点的选中状态
+ for (var i = 1, item = $parent_li; i < item.length; i++) {
+ var $item_i = item.eq(i).find(">."+LI_DIV_ITEM+">."+LI_DIV_CHECKBAR+">i[data-type='"+dataType+"']");
+ // 父级复选框全选
+ _this.checkStatus($item_i).check();
+ }
+ }
+ }
+ };
+
+ /**
+ * @Desc: 设置复选框选中/未选中/半选 _this.checkStatus($i).check(); _this.checkStatus($i).noCheck(); _this.checkStatus($i).noallCheck();
+ * @Param: $i: JQuery对象，表示当前点击的checkbox节点
+ */
+ DTree.prototype.checkStatus = function($i) {
+ var _this = this;
+ return {
+ check: function(){
+ $i.removeClass(_this.usefontStyle.checkbox.out);
+ $i.removeClass(_this.usefontStyle.checkbox.noall);
+ $i.addClass(_this.usefontStyle.checkbox.on);
+ $i.addClass(_this.style.chs);
+ $i.attr("data-checked","1");
+ },
+ noCheck: function(){
+ $i.removeClass(_this.usefontStyle.checkbox.noall);
+ $i.removeClass(_this.usefontStyle.checkbox.on);
+ $i.removeClass(_this.style.chs);
+ $i.addClass(_this.usefontStyle.checkbox.out);
+ $i.attr("data-checked","0");
+ },
+ noallCheck: function(){
+ $i.removeClass(_this.usefontStyle.checkbox.out);
+ $i.removeClass(_this.usefontStyle.checkbox.on);
+ $i.addClass(_this.usefontStyle.checkbox.noall);
+ $i.addClass(_this.style.chs);
+ $i.attr("data-checked","2");
+ }
+ }
+ };
+
+ /**
+ * @Desc: 设置树的复选框操作值的全部参数,并获取
+ * @Param: requestParamFlag: 设置复选框返回值的数据结构， true：基于请求类型的返回对象数组， false：原始的节点返回对象数组
+ */
+ DTree.prototype.setAndGetCheckbarNodesParam = function(requestParamFlag) {
+ var _this = this;
+ //操作前先清空
+ _this.checkbarNode = [];
+ // 选择所有复选框节点
+ if (_this.checkbarData == "change"){ //记录变更数据
+ _this.obj.find("i[data-par][dtree-disabled='false']").each(function(){
+ var $i = $(this), $div = $i.closest("."+LI_DIV_ITEM);
+ if ($i.attr("data-checked") != $i.attr("data-initchecked")) {
+ if(requestParamFlag) {
+ _this.checkbarNode.push(_this.getRequestParam(_this.getCheckbarNodeParam($div, $i)));
+ } else {
+ _this.checkbarNode.push(_this.getCheckbarNodeParam($div, $i));
+ }
+ }
+ });
+ } else if (_this.checkbarData == "all"){ //记录全部数据
+ _this.obj.find("i[data-par][data-checked][dtree-disabled='false']").each(function(){
+ var $i = $(this), $div = $i.closest("."+LI_DIV_ITEM);
+ if(requestParamFlag) {
+ _this.checkbarNode.push(_this.getRequestParam(_this.getCheckbarNodeParam($div, $i)));
+ } else {
+ _this.checkbarNode.push(_this.getCheckbarNodeParam($div, $i));
+ }
+ });
+ } else if (_this.checkbarData == "choose"){ //记录选中数据
+ _this.obj.find("i[data-par][data-checked='1'][dtree-disabled='false']").each(function(){
+ var $i = $(this), $div = $i.closest("."+LI_DIV_ITEM);
+ if(requestParamFlag) {
+ _this.checkbarNode.push(_this.getRequestParam(_this.getCheckbarNodeParam($div, $i)));
+ } else {
+ _this.checkbarNode.push(_this.getCheckbarNodeParam($div, $i));
+ }
+ });
+ } else if (_this.checkbarData == "halfChoose"){ //记录选中和半选数据
+ _this.obj.find("i[data-par][data-checked='1'][dtree-disabled='false']").each(function(){
+ var $i = $(this), $div = $i.closest("."+LI_DIV_ITEM);
+ if(requestParamFlag) {
+ _this.checkbarNode.push(_this.getRequestParam(_this.getCheckbarNodeParam($div, $i)));
+ } else {
+ _this.checkbarNode.push(_this.getCheckbarNodeParam($div, $i));
+ }
+ });
+ _this.obj.find("i[data-par][data-checked='2'][dtree-disabled='false']").each(function(){
+ var $i = $(this), $div = $i.closest("."+LI_DIV_ITEM);
+ if(requestParamFlag) {
+ _this.checkbarNode.push(_this.getRequestParam(_this.getCheckbarNodeParam($div, $i)));
+ } else {
+ _this.checkbarNode.push(_this.getCheckbarNodeParam($div, $i));
+ }
+ });
+ }
+ return _this.checkbarNode;
+ };
+
+ /**
+ * @Desc: 获取树的复选框操作值的全部参数
+ */
+ DTree.prototype.getCheckbarNodesParam = function() {
+ var _this = this;
+ return _this.setAndGetCheckbarNodesParam(true);
+ };
+
+ /**
+ * @Desc: 获取树的一个复选框的参数
+ * @Param: $div: JQuery对象，表示当前选中节点
+ * @Param: $i: JQuery对象，表示当前选中的复选框节点
+ */
+ DTree.prototype.getCheckbarNodeParam = function($div, $i){
+ var _this = this;
+ var temp_node = {};
+ temp_node.nodeId = $div.attr("data-id");
+ temp_node.parentId = _this.getNodeDom($div).parentLi().attr("data-pid");
+ temp_node.context = (typeof _this.formatter.title === 'function') ? _this.getNodeDom($div).cite().attr("data-title") : _this.getNodeDom($div).cite().text();
+ temp_node.leaf = _this.getNodeDom($div).cite().attr("data-leaf") == "leaf" ? true : false;
+ temp_node.level = _this.getNodeDom($div).parentLi().attr("data-index");
+ temp_node.spread = _this.getNodeDom($div).fnode().attr("data-spread") == "open" ? true : false;
+
+ var basicData = $div.attr("data-basic");
+ if(basicData) {
+ basicData = JSON.parse(event.unescape(basicData));
+ }
+ temp_node.basicData = basicData;
+ var recordData = $div.attr("data-record");
+ if(recordData) {
+ recordData = JSON.parse(event.unescape(recordData));
+ }
+ temp_node.recordData = recordData;
+
+ temp_node.dataType = $i.attr("data-type");
+ temp_node.checked = $i.attr("data-checked");
+ temp_node.initchecked = $i.attr("data-initchecked");
+ return temp_node;
+ };
+
+ /**
+ * @Desc: 获取基于返回参数的树的复选框参数，选中数据横向存储
+ */
+ DTree.prototype.getCheckbarJsonArrParam = function(){
+ var _this = this;
+ var checkbarJsonArr = {
+ nodeId: [], //节点ID
+ parentId: [], //父节点ID
+ context: [], //节点内容
+ leaf: [], //是否叶子节点
+ level: [], //层级
+ spread: [], //节点展开状态
+ dataType: [], //节点标记
+ checked: [], //节点复选框选中状态
+ initchecked: [], //节点复选框初始状态
+ basicData: [], //用户自定义的记录节点数据
+ recordData: [], //当前data数据（排除basicData和children字段）
+ };
+ // 获取全部复选框选中节点
+ var params = _this.setAndGetCheckbarNodesParam(false);
+ if(params && params.length > 0) {
+ for(var i=0; i 0) { _this.checkStatus($i).check(); }
+ }
+
+ /**
+ * @Desc: 取消全部复选框选中
+ */
+ DTree.prototype.cancelCheckedNode = function(){
+ var _this = this;
+ var $i = _this.obj.find("i[data-par][data-checked!='0']");
+ if($i.length > 0) { _this.checkStatus($i).noCheck(); }
+ }
+
+ /**
+ * @Desc: 反选复选框
+ */
+ DTree.prototype.invertCheckedNode = function(){
+ var _this = this;
+ if(_this.obj.find("i[data-par]").length > 0) {
+ var flag = false;
+ _this.obj.find("i[data-par]").each(function(){
+ var $i = $(this);
+ if($i.attr("data-checked") == '2'){
+ flag = true;
+ }else if($i.attr("data-checked") == '0') {
+ _this.checkStatus($i).check();
+ }else if($i.attr("data-checked") == '1') {
+ _this.checkStatus($i).noCheck();
+ }
+ });
+
+ if(flag) {
+ _this.initNoAllCheck();
+ } else {
+ _this.initAllCheck();
+ }
+ }
+ }
+
+ /**
+ * @Desc: 删除选中节点
+ */
+ DTree.prototype.removeCheckedNode = function(){
+ var _this = this;
+ var len = _this.obj.find("i[data-par][data-checked='1']").length;
+ if(len == 0){
+ layer.msg("请至少选中一个节点",{icon:2});
+ }else{
+ //操作前先清空
+ _this.checkbarNode = [];
+ // 选择所有复选框节点
+ var i_node = {};
+ _this.obj.find("i[data-par][data-checked='1']").each(function(){
+ var $i = $(this), $div = $i.closest("."+LI_DIV_ITEM);
+
+ _this.checkbarNode.push(_this.getRequestParam(_this.getCheckbarNodeParam($div, $i)));
+ });
+
+ layer.confirm('确定要删除选中节点？', {icon: 3, title:'删除选中节点'}, function(index1){
+ var flag = _this.menubarFun.remove(_this.checkbarNode);
+ if(flag){
+ _this.obj.find("i[data-par][data-checked='1']").closest("."+LI_DIV_ITEM).next("ul").remove();
+ _this.obj.find("i[data-par][data-checked='1']").closest("."+LI_DIV_ITEM).remove();
+ _this.checkbarNode=[];
+ }
+
+ layer.close(index1);
+ });
+ }
+ }
+
+ /******************** 工具栏及菜单栏区域 ********************/
+ /**
+ * @Desc: 初始化菜单栏和工具栏的div
+ */
+ DTree.prototype.initTreePlus = function(){
+ var _this = this;
+ // 初始化菜单栏和工具栏的div
+ _this.obj.prevAll('div#dtree_menubar_'+_this.obj[0].id).remove();
+ _this.toolbarMenu = {};
+ if(_this.menubar && _this.menubarTips.group && _this.menubarTips.group.length > 0) _this.obj.before("");
+ if(_this.toolbar){
+ if(_this.toolbarWay == "contextmenu") {
+ _this.obj.prevAll('div#dtree_toolbar_'+_this.obj[0].id).remove();
+ _this.obj.before("");
+ }
+ }
+
+ };
+
+ /**
+ * @Desc: 开启工具栏和菜单栏
+ */
+ DTree.prototype.openTreePlus = function(){
+ var _this = this;
+ // 先对工具栏做处理，因为菜单栏可能会与工具栏产生关联。
+ var ggMenu = [];
+ if(_this.toolbar) _this.getToolbarDom();
+
+ if(_this.menubar) {
+ var menubarTips = _this.menubarTips,
+ mtbar = menubarTips.toolbar,
+ group = menubarTips.group,
+ freedom = menubarTips.freedom;
+ if(mtbar && mtbar.length > 0){
+ // 菜单栏吸附工具栏上
+ for(var i=0; i 0){
+ // 菜单栏吸附在上方的按钮组div中
+ for(var i=0; i";
+ break;
+ case defaultMenu.moveUp:
+ gg = "";
+ break;
+ case defaultMenu.refresh:
+ gg = "";
+ break;
+ case defaultMenu.checkAll:
+ gg = (_this.checkbar && _this.checkbarType != 'only') ? "" : "";
+ break;
+ case defaultMenu.unCheckAll:
+ gg = (_this.checkbar && _this.checkbarType != 'only') ? "" : "";
+ break;
+ case defaultMenu.invertAll:
+ gg = (_this.checkbar && _this.checkbarType != 'only') ? "" : "";
+ break;
+ case defaultMenu.remove:
+ gg = (_this.checkbar) ? "" : "";
+ break;
+ case defaultMenu.searchNode:
+ gg = "";
+ break;
+ }
+ return gg;
+ };
+
+ /**
+ * @Desc: 获取扩展菜单栏
+ * @Param: menu: 扩展菜单栏的Json对象
+ */
+ DTree.prototype.getExtMenubarDom = function(menu){
+ var _this = this;
+ return "";
+ };
+
+ /**
+ * @Desc: 获取依附在工具栏的菜单栏
+ * @Param: menu: 菜单栏的具体操作字符串
+ */
+ DTree.prototype.getMenubarToolDom = function(menu){
+ var _this = this;
+ var rootId = _this.obj[0].id;
+ switch (menu) {
+ case defaultMenu.moveDown:
+ _this.toolbarMenu[defaultMenu.moveDown] = _this.setToolbarDom().setMenuToolbarOption(defaultMenu.moveDown, _this.toolbarStyle.title, _this.usefontStyle.toolbar.menubar.movedown, "展开全部");
+ break;
+ case defaultMenu.moveUp:
+ _this.toolbarMenu[defaultMenu.moveUp] = _this.setToolbarDom().setMenuToolbarOption(defaultMenu.moveUp, _this.toolbarStyle.title, _this.usefontStyle.toolbar.menubar.moveup, "收缩全部");
+ break;
+ case defaultMenu.refresh:
+ _this.toolbarMenu[defaultMenu.refresh] = _this.setToolbarDom().setMenuToolbarOption(defaultMenu.refresh, _this.toolbarStyle.title, _this.usefontStyle.toolbar.menubar.refresh, "刷新");
+ break;
+ case defaultMenu.checkAll:
+ if(_this.checkbar && _this.checkbarType != 'only')
+ _this.toolbarMenu[defaultMenu.checkAll] = _this.setToolbarDom().setMenuToolbarOption(defaultMenu.checkAll, _this.toolbarStyle.title, _this.usefontStyle.toolbar.menubar.checkAll, "全选节点");
+ break;
+ case defaultMenu.unCheckAll:
+ if(_this.checkbar && _this.checkbarType != 'only')
+ _this.toolbarMenu[defaultMenu.unCheckAll] = _this.setToolbarDom().setMenuToolbarOption(defaultMenu.unCheckAll, _this.toolbarStyle.title, _this.usefontStyle.toolbar.menubar.unCheckAll, "全不选节点");
+ break;
+ case defaultMenu.invertAll:
+ if(_this.checkbar && _this.checkbarType != 'only')
+ _this.toolbarMenu[defaultMenu.invertAll] = _this.setToolbarDom().setMenuToolbarOption(defaultMenu.invertAll, _this.toolbarStyle.title, _this.usefontStyle.toolbar.menubar.invertAll, "反选节点");
+ break;
+ case defaultMenu.remove:
+ if(_this.checkbar)
+ _this.toolbarMenu[defaultMenu.remove] = _this.setToolbarDom().setMenuToolbarOption(defaultMenu.remove, _this.toolbarStyle.title, _this.usefontStyle.toolbar.menubar.remove, "删除选中");
+ break;
+ case defaultMenu.searchNode:
+ _this.toolbarMenu[defaultMenu.searchNode] = _this.setToolbarDom().setMenuToolbarOption(defaultMenu.searchNode, _this.toolbarStyle.title, _this.usefontStyle.toolbar.menubar.searchNode, "查询");
+ break;
+ }
+ };
+
+ /**
+ * @Desc: 获取依附在工具栏的扩展菜单栏
+ * @Param: menu: 扩展菜单栏的Json对象
+ */
+ DTree.prototype.getExtMenubarToolDom = function(menu){
+ var _this = this;
+ _this.toolbarMenu[menu.menubarId] = _this.setToolbarDom().setMenuToolbarOption(menu.menubarId, menu.title, _this.usefontStyle.toolbar.menubarExt+" "+menu.icon, "");
+ };
+
+ /**
+ * @Desc: menubar内置方法
+ */
+ DTree.prototype.menubarMethod = function(){
+ var _this = this;
+ return {
+ openAllNode: function(obj){ // 展开所有节点
+ var $ulNode = obj || _this.obj.children("li").children("ul");
+ // 遍历所有ul子节点
+ for (var i = 0; i < $ulNode.length; i++) {
+ // 获取当前节点的信息
+ var $ul = $($ulNode[i]),
+ $div = $ul.prev("div"),
+ $i_fnode = _this.getNodeDom($div).fnode(),
+ $i_snode = _this.getNodeDom($div).snode(),
+ $cite = _this.getNodeDom($div).cite(),
+ spread = $i_fnode.attr("data-spread"),
+ leaf = $cite.attr("data-leaf");
+
+ if (leaf == "leaf") { continue; } // 说明是叶子了，则继续循环下一个
+
+ if (spread == "open") {
+ // 说明该节点已经展开了，则进行子节点循环
+ } else {
+ if (_this.type=="load") { //是否全量加载
+ if (_this.cache) { //是否开启缓存
+ if ($ul.html()) {
+ $ul.addClass(NAV_SHOW);
+ } else { //加载节点
+ _this.getChild($div);
+ }
+ }else { //每次取新的数据
+ $ul.html("");
+ _this.getChild($div);
+ }
+ } else { // 全量加载
+ $ul.addClass(NAV_SHOW);
+ }
+ _this.operateIcon($i_fnode, $i_snode).open();
+
+ }
+ var $childUl = $ul.children("li").children("ul");
+ _this.menubarMethod().openAllNode($childUl);
+ }
+ },
+ closeAllNode: function(){ //收缩所有节点
+ _this.obj.find("."+LI_NAV_CHILD).each(function(){
+ // 获取当前节点的信息
+ var $ul = $(this),
+ $div = $ul.prev("div"),
+ $i_fnode = _this.getNodeDom($div).fnode(),
+ $i_snode = _this.getNodeDom($div).snode(),
+ $cite = _this.getNodeDom($div).cite(),
+ spread = $i_fnode.attr("data-spread"),
+ leaf = $cite.attr("data-leaf");
+
+ $ul.removeClass(NAV_SHOW);
+ _this.operateIcon($i_fnode, $i_snode).close();
+ });
+ },
+ refreshTree: function(){// 刷新树
+ _this.refreshTree();
+ },
+ checkAll: function(){ // 全选节点
+ _this.checkAllNode();
+ },
+ unCheckAll: function(){ // 全不选节点
+ _this.cancelCheckedNode();
+ },
+ invertAll: function(){ // 反选节点
+ _this.invertCheckedNode();
+ },
+ remove: function(){// 删除选中节点
+ _this.removeCheckedNode();
+ },
+ searchNode: function(){//模糊查询该值，展开该值节点
+ layer.prompt({
+ formType: 0,
+ value: "",
+ title: '查询节点'
+ }, function(value, index1, elem){
+ if (value) {
+ var flag = _this.searchNode(value);
+ if (!flag) {
+ layer.msg("该名称节点不存在！", {icon:5});
+ }
+ } else {
+ layer.msg("未指定查询节点名称", {icon:5});
+ }
+ layer.close(index1);
+ });
+ },
+ extMethod: function(menuId, $div, flag){
+ if(_this.menubar && _this.menubarTips.group && _this.menubarTips.group.length > 0 && flag == "group"){
+ for(var i=0; i<_this.menubarTips.group.length; i++){
+ var ext = _this.menubarTips.group[i];
+ if (menuId == ext.menubarId){
+ ext.handler(_this.getRequestParam(_this.getNodeParam($div), $div));
+ break;
+ }
+ }
+ }
+ if(_this.menubar && _this.menubarTips.toolbar && _this.menubarTips.toolbar.length > 0 && flag == "toolbar"){
+ for(var i=0; i<_this.menubarTips.toolbar.length; i++){
+ var ext = _this.menubarTips.toolbar[i];
+ if (menuId == ext.menubarId){
+ ext.handler(_this.getRequestParam(_this.getNodeParam($div), $div));
+ break;
+ }
+ }
+ }
+ if(_this.menubar && _this.menubarTips.freedom && _this.menubarTips.freedom.length > 0 && flag == "freedom"){
+ for(var i=0; i<_this.menubarTips.freedom.length; i++){
+ var ext = _this.menubarTips.freedom[i];
+ if (menuId == ext.menubarId){
+ ext.handler(_this.getRequestParam(_this.getNodeParam($div), $div));
+ break;
+ }
+ }
+ }
+ }
+ };
+ };
+
+ /**
+ * @Desc: menubar监听方法
+ * @Param: menuId：菜单栏的具体操作字符串
+ * @Param: flag：菜单栏的显示方式
+ */
+ DTree.prototype.menubarListener = function(menuId, flag){
+ var _this = this;
+ var $div = _this.getNodeDom().nowDiv();
+ switch (menuId) {
+ case defaultMenu.moveDown: // 展开全部节点
+ _this.menubarMethod().openAllNode();
+ break;
+ case defaultMenu.moveUp: // 收缩全部节点
+ _this.menubarMethod().closeAllNode();
+ break;
+ case defaultMenu.refresh:
+ _this.menubarMethod().refreshTree(); // 刷新树
+ break;
+ case defaultMenu.checkAll:
+ _this.menubarMethod().checkAll();
+ break;
+ case defaultMenu.unCheckAll:
+ _this.menubarMethod().unCheckAll();
+ break;
+ case defaultMenu.invertAll:
+ _this.menubarMethod().invertAll();
+ break;
+ case defaultMenu.remove:
+ _this.menubarMethod().remove();
+ break;
+ case defaultMenu.searchNode:
+ _this.menubarMethod().searchNode();
+ break;
+ default:
+ _this.menubarMethod().extMethod(menuId, $div, flag);
+ break;
+ }
+ };
+
+ /**
+ * @Desc: 模糊查询该值，展开该值节点
+ * @Param: value： 模糊查询的值
+ */
+ DTree.prototype.searchNode = function(value){
+ var _this = this;
+ var b = false;
+ var $lis = [];
+ _this.obj.find("cite[data-leaf]").each(function(){
+ var $nthis = $(this);
+ var html = $nthis.html();
+ if(html.indexOf(value) > -1){
+ if($nthis.attr("data-leaf") == "leaf") {
+ // 叶子节点提供包含父节点的所有信息
+ var title = "";
+ $nthis.parents("li").each(function(){
+ title = "-" + $(this).find("cite[data-leaf]").html() + title;
+ });
+ title = title.substring(1, title.length);
+ $nthis.attr("title", title);
+ }
+ // 保存当前cite所在的li及父li中包含该值，则只保留父的
+ var i = 0;
+ $nthis.parents("li").each(function(){
+ var html2 = $(this).find("cite[data-leaf]").html();
+ if(html2.indexOf(value) > -1){
+ i++;
+ }
+ if(i >= 2){
+ return true;
+ }
+ });
+ if (i < 2){
+ $lis.push($nthis.closest("li").prop("outerHTML"));
+ }
+ }
+ });
+ if($lis.length > 0) {
+ b = true;
+ // 1.将树节点清空
+ _this.obj.html("");
+ // 2.遍历所有cite节点，展开当前cite节点
+ for(var i=0; i<$lis.length; i++){
+ _this.obj.append($lis[i]);
+ }
+ }
+ return b;
+ };
+
+
+ /******************** 工具栏区域 ********************/
+ /**
+ * @Desc: 获取工具栏
+ */
+ DTree.prototype.getToolbarDom = function(){
+ var _this = this;
+ var toolbarShow = _this.toolbarShow,
+ toolbarExt = _this.toolbarExt,
+ toolbarWay = _this.toolbarWay;
+
+ if(toolbarShow.length > 0){
+ for(var i=0; i 0){
+ for(var i=0; i "+other +title+"";
+ } else if(toolbarWay == "fixed" || toolbarWay == "follow") {
+ return "";
+ }
+ },
+ setMenuToolbarOption: function(menubarId, title, classId, other){
+ var rootId = _this.obj[0].id;
+ if(toolbarWay == "contextmenu") {
+ return " "+other +title+"";
+ } else if(toolbarWay == "fixed" || toolbarWay == "follow") {
+ return "";
+ }
+ },
+ setToolbarPlace: function(toolbarMenu){
+ if(toolbarWay == "contextmenu") {
+ if(toolbarMenu){
+ _this.obj.prevAll('div#dtree_toolbar_'+_this.obj[0].id).find('div.layui-nav-item>dl.layui-nav-child').html("");
+ for(var key in toolbarMenu){
+ _this.obj.prevAll('div#dtree_toolbar_'+_this.obj[0].id).find('div.layui-nav-item>dl.layui-nav-child').append(toolbarMenu[key]);
+ }
+ }
+ } else if(toolbarWay == "fixed" || toolbarWay == "follow") {
+ _this.obj.find("cite[data-leaf][dtree-disabled='false']").each(function(){
+ var $cite = $(this);
+ _this.dynamicToolbarDom($cite);
+ });
+ }
+ }
+ }
+ };
+
+ /**
+ * @Desc: 在节点后动态绑定fixed和follow条件的工具栏
+ * @Param: $cite： JQuery对象，表示当前文本节点
+ */
+ DTree.prototype.dynamicToolbarDom = function($cite){
+ var _this = this;
+ var toolbarWay = _this.toolbarWay;
+ if($cite.next("em."+TOOLBAR_TOOL_EM).length == 0) {
+ var $div = $cite.parent("div");
+ var param = _this.getRequestParam(_this.getTempNodeParam($div));
+ var toolbarMenus = _this.toolbarFun.loadToolbarBefore(event.cloneObj(_this.toolbarMenu), param, $div);
+ var hideCls = (toolbarWay == "follow") ? NAV_HIDE : "";
+ var em = [""];
+ if(toolbarMenus){
+ for(var key in toolbarMenus){
+ em.push(toolbarMenus[key]);
+ }
+ }
+ em.push("");
+ $cite.after(em.join(''));
+ }
+ }
+
+ /**
+ * @Desc: 隐藏toolbar
+ */
+ DTree.prototype.toolbarHide = function() {
+ var _this = this;
+ if(_this.toolbar && _this.toolbarWay == "contextmenu") {
+ var $toolBarDiv = _this.obj.prevAll('div#dtree_toolbar_'+_this.obj[0].id);
+ $toolBarDiv.find(".layui-nav-child").removeClass('layui-anim-fadein layui-show');
+ }
+ }
+
+ /**
+ * @Desc: toolbar内置方法
+ */
+ DTree.prototype.toolbarMethod = function(){
+ var _this = this;
+ return {
+ pulldown: function(obj){ // 展开当前点击节点的下面全部节点
+ if(!obj) return;
+ var $ulNode = obj;
+ // 遍历所有ul子节点
+ for (var i = 0; i < $ulNode.length; i++) {
+ // 获取当前节点的信息
+ var $ul = $($ulNode[i]),
+ $div = $ul.prev("div"),
+ $i_fnode = _this.getNodeDom($div).fnode(),
+ $i_snode = _this.getNodeDom($div).snode(),
+ $cite = _this.getNodeDom($div).cite(),
+ spread = $i_fnode.attr("data-spread"),
+ leaf = $cite.attr("data-leaf");
+
+ if (leaf == "leaf") { continue; } // 说明是叶子了，则继续循环下一个
+
+ if (spread == "open") {
+ // 说明该节点已经展开了，则进行子节点循环
+ } else {
+ if (_this.type=="load") { //是否全量加载
+ if (_this.cache) { //是否开启缓存
+ if ($ul.html()) {
+ $ul.addClass(NAV_SHOW);
+ } else { //加载节点
+ _this.getChild($div);
+ }
+ }else { //每次取新的数据
+ $ul.html("");
+ _this.getChild($div);
+ }
+ } else { // 全量加载
+ $ul.addClass(NAV_SHOW);
+ }
+ _this.operateIcon($i_fnode, $i_snode).open();
+
+ }
+ var $childUl = $ul.children("li").children("ul");
+ _this.toolbarMethod().pulldown($childUl);
+ }
+ },
+ pullup: function($li){ // 收缩当前点击节点的下面全部节点
+ $li.find("."+LI_NAV_CHILD).each(function(){
+ // 获取当前节点的信息
+ var $ul = $(this),
+ $div = $ul.prev("div"),
+ $i_fnode = _this.getNodeDom($div).fnode(),
+ $i_snode = _this.getNodeDom($div).snode(),
+ $cite = _this.getNodeDom($div).cite(),
+ spread = $i_fnode.attr("data-spread"),
+ leaf = $cite.attr("data-leaf");
+
+ $ul.removeClass(NAV_SHOW);
+ _this.operateIcon($i_fnode, $i_snode).close();
+ });
+ }
+ }
+ };
+
+ /**
+ * @Desc: toolbar监听方法
+ * @Param: tool: 工具栏的具体操作字符串
+ * @Param: $div: JQuery对象，表示当前操作节点
+ */
+ DTree.prototype.toolbarListener = function(tool, $div) {
+ var _this = this;
+ var $cite = $div.children("cite[data-leaf]"),
+ $ul = $div.next("ul"),
+ $p_li = $div.parent("li[data-index]"), //当前选中节点的顶级li节点
+ $p_ul = $p_li.parent("ul"), //当前选中节点的顶级li节点的父级ul
+ $p_div = $p_ul.prev("div"), //当前选中节点的顶级li节点的父级ul的前一个div
+ title = (typeof _this.formatter.title === 'function') ? $cite.attr("data-title") : $cite.text();
+
+ switch (tool) {
+ case defaultTool.pulldown:
+ _this.toolbarMethod().pulldown($ul);
+ break;
+ case defaultTool.pullup:
+ _this.toolbarMethod().pullup($p_li);
+ break;
+ case defaultTool.addTool:
+ var content = _this.loadToolBar(title, defaultTool.addTool);
+
+ layer.open({
+ title: "新增"+_this.toolbarStyle.title,
+ type: 1,
+ area: _this.toolbarStyle.area,
+ content: content,
+ success: function(layero, index){
+ form.render();
+ form.on("submit(dtree_addNode_" + _this.obj[0].id + "_form)",function(data){
+ var data = data.field;
+ var parentId = $div.attr("data-id"),
+ id = $div.attr("data-id")+"_node_"+$ul[0].childNodes.length,
+ leaf = true,
+ checked = "0",
+ level = parseInt($p_li.attr("data-index"))+1;
+
+ var type = _this.response.type;
+ var checked = _this.response.checked;
+ // 创建子节点的DOM，添加子节点
+ var checkArr = [];
+ if (_this.checkArrLen > 0) {
+ for (var i = 0; i < _this.checkArrLen; i++) {
+ checkArr.push({type: i, checked: "0"});
+ }
+ }
+
+ $ul.append(_this.getLiItemDom(id, parentId, data.addNodeName, data.addNodeName, true, "", "", checkArr, level, false, false, false, "", "", "item"));
+ // 先将li节点隐藏
+ $ul.find("li[data-id='"+id+"']").hide();
+ // 重新赋值
+ var $addDiv = $ul.find("div[data-id='"+id+"']");
+ node = _this.getNodeParam($addDiv);
+
+ //获取组装后的requestNode,组合参数
+ var requestNode = _this.getRequestParam(node);
+ requestNode = $.extend(requestNode, data);
+
+ _this.temp = [id, $ul, $div, level];
+ // 用户自定义想做的事情
+ _this.toolbarFun.addTreeNode(requestNode, $div);
+
+ layer.close(index);
+ return false;
+ });
+ }
+ });
+ break;
+ case defaultTool.editTool:
+ var content = _this.loadToolBar(title, defaultTool.editTool);
+
+ layer.open({
+ title: "编辑"+_this.toolbarStyle.title,
+ type: 1,
+ area: _this.toolbarStyle.area,
+ content: content,
+ success: function(layero, index){
+ _this.toolbarFun.editTreeLoad(_this.getRequestParam(_this.getNodeParam($div)));
+ form.render();
+ form.on("submit(dtree_editNode_form)",function(data){
+ var data = data.field;
+ $cite.html(data.editNodeName);
+ node = _this.getNodeParam($div);
+ var requestNode = _this.getRequestParam(node);
+ requestNode = $.extend(requestNode, data);
+ _this.temp = [$cite, $div, title, $p_div];
+ _this.toolbarFun.editTreeNode(requestNode, $div);
+
+ layer.close(index);
+ });
+ }
+ });
+ break;
+ case defaultTool.delTool:
+ layer.confirm('确定要删除该'+_this.toolbarStyle.title+'？', {icon: 3, title:'删除'+_this.toolbarStyle.title}, function(index){
+ var node = _this.getNodeParam($div);
+ _this.temp = [$p_li, $p_div];
+ _this.toolbarFun.delTreeNode(_this.getRequestParam(_this.getNodeParam($div)), $div);
+
+ layer.close(index);
+ });
+ break;
+ default:
+ if(_this.toolbarExt.length > 0){
+ for(var i=0; i<_this.toolbarExt.length; i++){
+ var ext = _this.toolbarExt[i];
+ if (tool == ext.toolbarId){
+ ext.handler(_this.getRequestParam(_this.getNodeParam($div)), $div);
+ break;
+ }
+ }
+ }
+ break;
+ }
+ }
+
+
+ /**
+ * @Desc: 加载toolbar中的内容
+ * @Param: title: 默认操作中的input输入框的值
+ * @Param: name: 工具栏的具体操作字符串
+ */
+ DTree.prototype.loadToolBar = function(title, name){
+ var _this = this;
+ var toolbarShow = _this.toolbarShow;
+ var nodeBarContents = _this.toolbarBtn;
+
+ var html = "";
+ switch (name) {
+ case defaultTool.addTool:
+ var addNodeBarDef = [{"label": "当前选中", "name": "nodeTitle", "type": "text", "value": title, "defElem": "nowChoose", "readonly": true},
+ {"label": "新增"+_this.toolbarStyle.title, "name": "addNodeName", "type": "text", "value": "", "defElem": "nowChange", "verify": "required"},
+ {"type": "submit", "value": "确认添加", "defElem": "btn", "filter": "dtree_addNode_" + _this.obj[0].id + "_form"}];
+
+ //2. 用户自定义的节点内容
+ var addNodeBar = ['');
+ html = addNodeBar.join('');
+ break;
+
+ case defaultTool.editTool:
+ var editNodeBarDef = [{"label": "当前选中", "name": "nodeTitle", "type": "text", "value": title, "defElem": "nowChoose", "readonly": true},
+ {"label": "编辑"+_this.toolbarStyle.title, "name": "editNodeName", "type": "text", "value": "", "defElem": "nowChange", "verify": "required"},
+ {"type": "submit", "value": "确认编辑", "defElem": "btn", "filter": "dtree_editNode_" + _this.obj[0].id + "_form"}];
+
+ var editNodeBar = ['');
+ html = editNodeBar.join('');
+ break;
+ }
+ return html;
+ };
+
+ /**
+ * @Desc: 获取toolbar详细的标签信息
+ * @Param: nodeBarContents: 工具栏中的数据渲染内容JSON对象
+ */
+ DTree.prototype.loadToolBarDetail = function(nodeBarContents){
+ var _this = this;
+ var readonly = (typeof (nodeBarContents.readonly) === "boolean") ? nodeBarContents.readonly : false;
+ var disabled = (typeof (nodeBarContents.disabled) === "boolean") ? nodeBarContents.disabled : false;
+ var id = nodeBarContents.id ? nodeBarContents.id : "";
+ var name = nodeBarContents.name ? nodeBarContents.name : "";
+ var val = nodeBarContents.value ? nodeBarContents.value : "";
+ var verify = nodeBarContents.verify ? nodeBarContents.verify : "";
+ var placeholder = nodeBarContents.placeholder ? nodeBarContents.placeholder : val;
+ return{
+ text: function(){
+ return [''].join('');
+ },
+ textarea: function(){
+ return ['',
+ '
',
+ '
',
+ '',
+ '
',
+ '