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 () {
// 加载完毕后执行树解析前的回调
var returnData = _this.success(data, $ul, first);
if(returnData) {
data = returnData;
}
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);
}
// 加载完毕后执行树解析前的回调
var returnData = _this.success(result, $ul, first);
if(returnData) {
result = returnData;
}
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') && (checkArrData !== null)){
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"));
} 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();
if(_this.toolbarShow && _this.toolbarShow.length > 0) {
_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);
if(leaf !== "leaf") {
_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);
if(leaf !== "leaf") {
_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_" + _this.obj[0].id + "_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 ['',
'
',
'
',
'',
'
',
'