初始化排课条件设置
姚丹ab
2 years ago
parent
66680715c2
commit
13cbb97888
@ -0,0 +1,732 @@
|
||||
;
|
||||
layui.define("jquery", function(e) {
|
||||
"use strict";
|
||||
var o = layui.jquery,
|
||||
a = layui.hint(),
|
||||
f = layui.form,
|
||||
r = "layui-tree-enter",
|
||||
i = function(e) {
|
||||
this.options = e
|
||||
},
|
||||
t = {
|
||||
arrow: ["", ""],
|
||||
checkbox: ["", ""],
|
||||
radio: ["", ""],
|
||||
branch: ["folder-close", "folder"],
|
||||
leaf: "leaf"
|
||||
},
|
||||
tt = {},
|
||||
TreeTable = function() {
|
||||
this.mapping = {};
|
||||
},
|
||||
TreeNode = function(item) {
|
||||
this.item = item;
|
||||
this.nodes = [];
|
||||
};
|
||||
i.prototype.expand = function(treeNode, isOpened, e) {
|
||||
var o = this;
|
||||
var subTreeNodes = treeNode.nodes;
|
||||
if (subTreeNodes && subTreeNodes.length > 0) {
|
||||
for (var ind = 0; ind < subTreeNodes.length; ind++) {
|
||||
var subTreeNode = subTreeNodes[ind];
|
||||
var subTrNode = document.getElementById(subTreeNode.id);
|
||||
if (subTrNode) {
|
||||
!isOpened ? (e.data("spread", null), subTrNode.setAttribute('class', 'layui-hide layui-anim layui-anim-fadein')) : (e.data("spread", !0), subTrNode.setAttribute('class', 'layui-anim layui-anim-fadein'))
|
||||
}
|
||||
if (isOpened && !subTreeNode.isOpened) {
|
||||
continue;
|
||||
}
|
||||
o.expand(subTreeNode, isOpened, e);
|
||||
}
|
||||
}
|
||||
},
|
||||
i.prototype.traverseModel = function(treeTable, parentNode, item, childrenAttrs) {
|
||||
var o = this;
|
||||
if (item) {
|
||||
var treeNode = new TreeNode(item);
|
||||
if (parentNode) {
|
||||
treeNode.parentId = parentNode.id;
|
||||
treeNode.id = item.id;
|
||||
treeNode.level = parentNode.level + 1;
|
||||
parentNode.nodes[parentNode.nodes.length] = treeNode;
|
||||
treeNode.parent = parentNode;
|
||||
} else {
|
||||
treeNode.id = item.id;
|
||||
treeNode.level = 0;
|
||||
}
|
||||
treeNode.isOpened = false;
|
||||
treeTable.mapping[treeNode.id] = treeNode;
|
||||
var children = item[childrenAttrs];
|
||||
if (children && children.constructor == Array) {
|
||||
for (var i = 0; i < children.length; i++) {
|
||||
o.traverseModel(treeTable, treeNode, children[i], childrenAttrs);
|
||||
}
|
||||
}
|
||||
}
|
||||
}, i.prototype.initGird = function(e) {
|
||||
var ob = this, i = ob.options;
|
||||
i = o.extend({}, i, {checkbox: i.checkbox?i.checkbox:false , spreadable :i.spreadable?i.spreadable:false});
|
||||
var tableHeaderStr = '<thead><tr>';
|
||||
tableHeaderStr += (i.checkbox == false ? '' : '<th style="width:10px"><input type="checkbox" name="treeGirdCheckbox" lay-skin="primary" lay-filter="allChoose"></th>');
|
||||
for (var ind = 0; ind < i.layout.length; ind++) {
|
||||
var headerClass = i.layout[ind].headerClass ? ' class="' + i.layout[ind].headerClass + '"' : '';
|
||||
tableHeaderStr += '<th' + headerClass + '>' + i.layout[ind].name + '</th>';
|
||||
}
|
||||
tableHeaderStr += '</tr></thead>';
|
||||
tableHeaderStr = o(tableHeaderStr);
|
||||
|
||||
var treeTable = new TreeTable();
|
||||
var root = {
|
||||
id: 'root',
|
||||
children: i.nodes
|
||||
}
|
||||
ob.traverseModel(treeTable, null, root, ['children']);
|
||||
tt[e.selector] = treeTable;
|
||||
e.addClass("layui-tree layui-treetable"),
|
||||
i.skin && e.addClass("layui-tree-skin-" + i.skin),
|
||||
ob.treeGird(e), ob.checkboxEvent(e, i),
|
||||
e.wrapInner('<tbody></tbody'),
|
||||
e.prepend(tableHeaderStr),
|
||||
e.wrapInner('<table class="layui-table"></table>'),
|
||||
e.wrapInner('<div class="layui-form"></div>'),
|
||||
ob.on(e);
|
||||
return e;
|
||||
}, i.prototype.treeGird = function(e, a) {
|
||||
var r = this,
|
||||
i = r.options,
|
||||
n = a || i.nodes,
|
||||
nt = tt[e.selector];
|
||||
layui.each(n, function(a, n) {
|
||||
if (n.children) {
|
||||
layui.each(n.children, function(index, item) {
|
||||
item.pid = n.id;
|
||||
});
|
||||
}
|
||||
var treeNode = nt.mapping[n.id];
|
||||
var indent = "";
|
||||
if (treeNode.level > 1) {
|
||||
for (var ind = 1; ind < treeNode.level; ind++) {
|
||||
indent += '<span style="display: inline-block;width: 20px;"></span>';
|
||||
}
|
||||
}
|
||||
var p;
|
||||
if (i.spreadable) {
|
||||
n.spread = true, p = false, treeNode.isOpened = true;
|
||||
} else {
|
||||
p = treeNode.parentId == 'root' ? null : treeNode.parentId;
|
||||
}
|
||||
var l = n.children && n.children.length > 0,
|
||||
str = o(['<tr class="' + (p ? "layui-hide layui-anim layui-anim-fadein" : "layui-anim layui-anim-fadein") + '" id="' + n.id + '">',
|
||||
function() {
|
||||
if (i.checkbox){
|
||||
return '<td><input type="checkbox" name="treeGirdCheckbox" lay-skin="primary" lay-filter="*" value="' + n.id + '" ' + ((n.checked && n.checked == true) ? 'checked="checked"' : "") +'></td>';
|
||||
}
|
||||
}(),
|
||||
function() {
|
||||
var ret = ""
|
||||
for (var ind = 0; ind < i.layout.length; ind++) {
|
||||
if (i.layout[ind].treeNodes) {
|
||||
ret += '<td class="' + i.layout[ind].colClass + '" style="' + i.layout[ind].style + '"><li ' + (n.spread ? 'data-spread="' + n.spread + '"' : "") + '>' + (indent + (l ? '<i class="layui-icon layui-tree-spread">' + (n.spread ? t.arrow[1] : t.arrow[0]) + "</i>" : "")) + '<a href="' + (n.href || "javascript:;") + '" ' + (i.target && n.href ? 'target="' + i.target + '"' : "") + ">" + ('<i class="layui-icon layui-tree-' + (l ? "branch" : "leaf") + ' '+(l ? n.spread ? t.branch[1] : t.branch[0] : t.leaf)+'">' + "</i>") + ("<cite>" + (n.name || "未命名") + "</cite></a></li></td>");
|
||||
} else if (i.layout[ind].render) {
|
||||
ret += '<td class="' + i.layout[ind].colClass + '" style="' + i.layout[ind].style + '">' + i.layout[ind].render(JSON.stringify(n)) + '</td>'
|
||||
} else {
|
||||
ret += '<td class="' + i.layout[ind].colClass + '" style="' + i.layout[ind].style + '">' + n[i.layout[ind].field] + '</td>';
|
||||
}
|
||||
}
|
||||
return ret;
|
||||
}(), "</tr>"].join(""));
|
||||
e.append(str), l && (r.treeGird(e, n.children)), r.spreadGird(str, n, e.selector), i.drag && r.drag(str, n);
|
||||
r.changed(str, n)
|
||||
})
|
||||
},i.prototype.checkboxEvent = function (e, options){
|
||||
var nt = tt[e.selector];
|
||||
|
||||
f.on('checkbox(allChoose)', function(data){
|
||||
var child = o(data.elem).parents('table').find('tbody input[type="checkbox"]');
|
||||
child.each(function(index, item){
|
||||
item.checked = data.elem.checked;
|
||||
});
|
||||
f.render('checkbox');
|
||||
});
|
||||
f.on('checkbox(*)',function(data){
|
||||
var node = nt.mapping[data.value].item;
|
||||
if (options.callback && options.callback.beforeCheck) {
|
||||
if (options.callback.beforeCheck(node)){
|
||||
// 允许勾选或取消勾选
|
||||
data.elem.checked ? data.othis.addClass('layui-form-checked') : data.othis.removeClass('layui-form-checked');
|
||||
}else{
|
||||
// 不允许勾选或取消勾选
|
||||
data.elem.checked = !data.elem.checked;
|
||||
!data.elem.checked ? data.othis.removeClass('layui-form-checked') :data.othis.addClass('layui-form-checked');
|
||||
return true;
|
||||
}
|
||||
}
|
||||
node.checked = data.elem.checked;
|
||||
|
||||
var sib = o(data.elem).parents('table').find('tbody input[type="checkbox"]:checked').length;
|
||||
var total = o(data.elem).parents('table').find('tbody input[type="checkbox"]').length;
|
||||
if(sib == total){
|
||||
o(data.elem).parents('table').find('thead input[type="checkbox"]').prop("checked",true);
|
||||
f.render();
|
||||
}else{
|
||||
o(data.elem).parents('table').find('thead input[type="checkbox"]').prop("checked",false);
|
||||
f.render();
|
||||
}
|
||||
if (options.callback && options.callback.onCheck) {
|
||||
return options.callback.onCheck(node);
|
||||
}
|
||||
});
|
||||
},i.prototype.changed = function(e, o) {
|
||||
var r = this;
|
||||
if (o.pid == undefined || o.pid == null) {
|
||||
e.children("input").on("change", function() {
|
||||
var childUl = e.children("ul"),
|
||||
checked = this.checked;
|
||||
childUl.find("input").prop("checked", checked);
|
||||
})
|
||||
} else {
|
||||
e.children("input").on("change", function() {
|
||||
var that = this;
|
||||
if (!this.checked) {
|
||||
if (o.children && o.children.length > 0) {
|
||||
var childUl = e.children("ul"),
|
||||
checked = this.checked;
|
||||
childUl.find("input").prop("checked", checked);
|
||||
}
|
||||
r.cancelParentsCheckboxCheck(that);
|
||||
} else {
|
||||
r.parentsChecked(this, this.checked);
|
||||
if (o.children && o.children.length > 0) {
|
||||
var childUl = e.children("ul"),
|
||||
checked = this.checked;
|
||||
childUl.find("input").prop("checked", checked);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}, i.prototype.cancelParentsCheckboxCheck = function(ele) {
|
||||
if (!ele) {
|
||||
return;
|
||||
}
|
||||
var r = this,
|
||||
siblingInputs = r.siblingInputs(ele),
|
||||
parentId = ele.getAttribute("data-parent-id"),
|
||||
parentInput = null,
|
||||
bool = true,
|
||||
childrendInputs = null,
|
||||
hasOneChildrenInputCheck = false;
|
||||
if (parentId != 'undefined') {
|
||||
parentInput = document.getElementById(parentId);
|
||||
childrendInputs = r.currentChildrenInputs(parentInput);
|
||||
}
|
||||
for (var i = 0, len = siblingInputs.length; i < len; i++) {
|
||||
if (siblingInputs[i].checked) {
|
||||
bool = false;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (!childrendInputs || childrendInputs.length == 0) {
|
||||
hasOneChildrenInputCheck = false;
|
||||
} else {
|
||||
for (var j = 0, len2 = childrendInputs.length; j < len2; j++) {
|
||||
if (childrendInputs[j].getAttribute("data-parent-id") != "undefined") {
|
||||
if (childrendInputs[j].checked) {
|
||||
hasOneChildrenInputCheck = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
if (bool && !hasOneChildrenInputCheck) {
|
||||
r.inputChecked(parentInput, false);
|
||||
}
|
||||
this.cancelParentsCheckboxCheck(parentInput);
|
||||
}, i.prototype.siblingInputs = function(ele) {
|
||||
var that = this;
|
||||
if (ele) {
|
||||
var parent = ele.parentElement,
|
||||
parents = parent.parentElement,
|
||||
childrens = parents.children,
|
||||
siblingInputs = [];
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
for (var i = 0, len = childrens.length; i < len; i++) {
|
||||
if (childrens[i] != parent) {
|
||||
if (childrens[i].children[0].nodeName == "INPUT") {
|
||||
siblingInputs.push(childrens[i].children[0]);
|
||||
}
|
||||
if (childrens[i].children[1].nodeName == "INPUT") {
|
||||
siblingInputs.push(childrens[i].children[1]);
|
||||
}
|
||||
}
|
||||
}
|
||||
parent = null;
|
||||
parents = null;
|
||||
childrens = null;
|
||||
return siblingInputs;
|
||||
}, i.prototype.currentChildrenInputs = function(ele) {
|
||||
var parent = ele.parentElement,
|
||||
childrenInputs = [];
|
||||
if (parent.getElementsByTagName("ul").length > 0) {
|
||||
var uls = parent.getElementsByTagName("ul");
|
||||
for (var i = 0, len = uls.length; i < len; i++) {
|
||||
var inputs = uls[i].getElementsByTagName("input");
|
||||
for (var j = 0, len2 = inputs.length; j < len2; j++) {
|
||||
childrenInputs.push(inputs[j]);
|
||||
}
|
||||
}
|
||||
}
|
||||
return childrenInputs;
|
||||
}, i.prototype.inputChecked = function(ele, checked) {
|
||||
ele.checked = checked;
|
||||
}, i.prototype.parentsChecked = function(e, checked) {
|
||||
var r = this,
|
||||
i = r.options,
|
||||
selector = i.elem,
|
||||
currentInput = e;
|
||||
if (currentInput && (currentInput.nodeName == "INPUT")) {
|
||||
var parentId = currentInput.getAttribute("data-parent-id"),
|
||||
parentInput = null;
|
||||
setTimeout(function() {
|
||||
r.check(currentInput, checked);
|
||||
if (parentId) {
|
||||
r.parentsChecked(document.getElementById(parentId), checked);
|
||||
}
|
||||
}, 50);
|
||||
}
|
||||
}, i.prototype.findParents = function(ele, selector) {
|
||||
var parent = ele.parentElement,
|
||||
that = this;
|
||||
if (selector.substr(0, 1) == "#") {
|
||||
if (parent) {
|
||||
if (parent.id != selector.substr(1)) {
|
||||
that.findParents(parent, selector);
|
||||
} else {
|
||||
return parent;
|
||||
}
|
||||
}
|
||||
} else if (selector.substr(0, 1) == ".") {
|
||||
if (parent) {
|
||||
var classnameArr = parent.className.split(" "),
|
||||
len = classnameArr.length,
|
||||
selectt = selector.substr(1),
|
||||
hasSelector = false;
|
||||
if (len > 0) {
|
||||
for (var i = 0; i < len; i++) {
|
||||
if (classnameArr[i] == selectt) {
|
||||
hasSelector = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!hasSelector) {
|
||||
that.findParents(parent, selector);
|
||||
} else if (hasSelector) {
|
||||
return parent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}, i.prototype.num = 1, i.prototype.uuid = function() {
|
||||
var that = this,
|
||||
randomStr = ['l', 'a', 'y', 'e', 'r', 'n', 'i'],
|
||||
randomNum = Math.floor(Math.random() * 6);
|
||||
return function() {
|
||||
var str = "";
|
||||
for (var i = 0; i <= randomNum; i++) {
|
||||
str += randomStr[Math.floor(Math.random() * 6)];
|
||||
}
|
||||
return "layer_" + new Date().getTime() + "_" + (that.num++) + "_" + (++that.num) + "_" + str;
|
||||
}();
|
||||
}, i.prototype.check = function(input, bool) {
|
||||
if (bool) {
|
||||
input.checked = true;
|
||||
} else {
|
||||
input.checked = false;
|
||||
}
|
||||
}, i.prototype.click = function(e, o) {
|
||||
var a = this,
|
||||
r = a.options;
|
||||
e.children("a").on("click", function(e) {
|
||||
layui.stope(e), r.click(o)
|
||||
})
|
||||
}, i.prototype.spreadGird = function(e, o, el) {
|
||||
var a = this,
|
||||
r = (a.options, e.find(".layui-tree-spread")),
|
||||
nodeId = e[0].id,
|
||||
ri = e.find(".layui-tree-branch"),
|
||||
nt = tt[el],
|
||||
l = function() {
|
||||
var treeNode = nt.mapping[nodeId];
|
||||
var isOpened = treeNode.isOpened;
|
||||
if (isOpened){
|
||||
if (a.options.callback && a.options.callback.beforeCollapse && !a.options.callback.beforeCollapse(treeNode)) return true;
|
||||
}else{
|
||||
if (a.options.callback && a.options.callback.beforeExpand && !a.options.callback.beforeExpand(treeNode)) return true;
|
||||
}
|
||||
a.expand(treeNode, !isOpened, e);
|
||||
isOpened ? (e.data("spread", null), r.html(t.arrow[0]), ri.removeClass(t.branch[1]), ri.addClass(t.branch[0])) : (e.data("spread", !0), r.html(t.arrow[1]), ri.removeClass(t.branch[0]), ri.addClass(t.branch[1]))
|
||||
treeNode.isOpened = !isOpened;
|
||||
if (isOpened){
|
||||
if (a.options.callback && a.options.callback.onCollapse && !a.options.callback.onCollapse(treeNode)) return true;
|
||||
}else{
|
||||
if (a.options.callback && a.options.callback.onExpand && !a.options.callback.onExpand(treeNode)) return true;
|
||||
}
|
||||
};
|
||||
(r.on("click", l), ri.parent().on("dblclick", l))
|
||||
}, i.prototype.on = function(e) {
|
||||
var a = this,
|
||||
i = a.options,
|
||||
t = "layui-tree-drag";
|
||||
e.find("i").on("selectstart", function(e) {
|
||||
return !1
|
||||
}), i.drag && o(document).on("mousemove", function(e) {
|
||||
var r = a.move;
|
||||
if (r.from) {
|
||||
var i = (r.to, o('<div class="layui-box ' + t + '"></div>'));
|
||||
e.preventDefault(), o("." + t)[0] || o("body").append(i);
|
||||
var n = o("." + t)[0] ? o("." + t) : i;
|
||||
n.addClass("layui-show").html(r.from.elem.children("a").html()), n.css({
|
||||
left: e.pageX + 10,
|
||||
top: e.pageY + 10
|
||||
})
|
||||
}
|
||||
}).on("mouseup", function() {
|
||||
var e = a.move;
|
||||
e.from && (e.from.elem.children("a").removeClass(r), e.to && e.to.elem.children("a").removeClass(r), a.move = {}, o("." + t).remove())
|
||||
})
|
||||
}, i.prototype.move = {}, i.prototype.drag = function(e, a) {
|
||||
var i = this,
|
||||
t = (i.options, e.children("a")),
|
||||
n = function() {
|
||||
var t = o(this),
|
||||
n = i.move;
|
||||
n.from && (n.to = {
|
||||
item: a,
|
||||
elem: e
|
||||
}, t.addClass(r))
|
||||
};
|
||||
t.on("mousedown", function() {
|
||||
var o = i.move;
|
||||
o.from = {
|
||||
item: a,
|
||||
elem: e
|
||||
}
|
||||
}), t.on("mouseenter", n).on("mousemove", n).on("mouseleave", function() {
|
||||
var e = o(this),
|
||||
a = i.move;
|
||||
a.from && (delete a.to, e.removeClass(r))
|
||||
})
|
||||
}, i.prototype.getLastChildNode = function(node){
|
||||
var a = this, lastChildNode
|
||||
if (node.children){
|
||||
lastChildNode = this.getLastChildNode(node.children[node.children.length-1]);
|
||||
}else{
|
||||
lastChildNode = node;
|
||||
}
|
||||
return lastChildNode;
|
||||
}, i.prototype.addNodes = function(v, parentNode, newNodes, isLastChild){
|
||||
var a = this,
|
||||
i = a.options,
|
||||
nt = tt[i.elem];
|
||||
layui.each(newNodes, function(an, n) {
|
||||
if (n.children) {
|
||||
layui.each(n.children, function (index, item) {
|
||||
item.pid = n.id;
|
||||
});
|
||||
}
|
||||
var treeNode = nt.mapping[n.id];
|
||||
var indent = "";
|
||||
if (treeNode.level > 1) {
|
||||
for (var ind = 1; ind < treeNode.level; ind++) {
|
||||
indent += '<span style="display: inline-block;width: 20px;"></span>';
|
||||
}
|
||||
}
|
||||
var p;
|
||||
if (i.spreadable) {
|
||||
n.spread = true, p = false, treeNode.isOpened = true;
|
||||
} else {
|
||||
p = treeNode.parentId == 'root' ? null : treeNode.parentId;
|
||||
}
|
||||
if (isLastChild) {
|
||||
if (parentNode) p = nt.mapping[parentNode.id].isOpened ? false : true;
|
||||
else p = false;
|
||||
}
|
||||
|
||||
var l = n.children && n.children.length > 0,
|
||||
str = o(['<tr class="' + (p ? "layui-hide layui-anim layui-anim-fadein" : "layui-anim layui-anim-fadein") + '" id="' + n.id + '">',
|
||||
function () {
|
||||
if (i.checkbox) {
|
||||
return '<td><input type="checkbox" name="treeGirdCheckbox" lay-skin="primary" lay-filter="*" value="' + n.id + '" ' + ((n.checked && n.checked == true) ? 'checked="checked"' : "") + '></td>';
|
||||
}
|
||||
}(),
|
||||
function () {
|
||||
var ret = ""
|
||||
for (var ind = 0; ind < i.layout.length; ind++) {
|
||||
if (i.layout[ind].treeNodes) {
|
||||
ret += '<td class="' + i.layout[ind].colClass + '" style="' + i.layout[ind].style + '">'
|
||||
+ '<li ' + (n.spread ? 'data-spread="' + n.spread + '"' : "") + '>'
|
||||
+ (indent + (l ? '<i class="layui-icon layui-tree-spread">' + (n.spread ? t.arrow[1] : t.arrow[0]) + "</i>" : ""))
|
||||
+ '<a href="' + (n.href || "javascript:;") + '" ' + (i.target && n.href ? 'target="' + i.target + '"' : "") + ">"
|
||||
+ ('<i class="layui-icon layui-tree-' + (l ? "branch" : "leaf") + ' '+(l ? n.spread ? t.branch[1] : t.branch[0] : t.leaf)+' ">'
|
||||
+ "</i>") + ("<cite>" + (n.name || "未命名") + "</cite></a></li></td>");
|
||||
} else if (i.layout[ind].render) {
|
||||
ret += '<td class="' + i.layout[ind].colClass + '" style="' + i.layout[ind].style + '">' + i.layout[ind].render(JSON.stringify(n)) + '</td>'
|
||||
} else {
|
||||
ret += '<td class="' + i.layout[ind].colClass + '" style="' + i.layout[ind].style + '">' + n[i.layout[ind].field] + '</td>';
|
||||
}
|
||||
}
|
||||
return ret;
|
||||
}(), "</tr>"].join(""));
|
||||
if (parentNode) {
|
||||
var lastChildNode;
|
||||
if (isLastChild) {
|
||||
lastChildNode = a.getLastChildNode(parentNode);
|
||||
}else {
|
||||
lastChildNode = parentNode;
|
||||
}
|
||||
v.find("tbody tr[id="+lastChildNode.id+"]").after(str);
|
||||
}else{
|
||||
v.find("tbody").append(str);
|
||||
}
|
||||
l && (a.addNodes(v, n, n.children, false)), a.spreadGird(str, n, v.selector), i.drag && a.drag(str, n);
|
||||
a.changed(str, n)
|
||||
})
|
||||
}, i.prototype.removeNodes = function(v, treeNode){
|
||||
var a = this, i = a.options, nt = tt[i.elem];
|
||||
delete nt.mapping[treeNode.id];
|
||||
|
||||
var trNode = v.find("tbody tr[id="+treeNode.id+"]");
|
||||
trNode.remove();
|
||||
|
||||
for (var i = 0; i < treeNode.nodes.length; i++){
|
||||
a.removeNodes(v, nt.mapping[treeNode.nodes[i].id])
|
||||
}
|
||||
}, i.prototype.expandNode = function (nt, node, v, a, isOpened, sonSign){
|
||||
var treeNode = nt.mapping[node.id];
|
||||
var e = v.find("tbody tr[id=" + treeNode.id + "]");
|
||||
var r = (a.options, e.find(".layui-tree-spread"));
|
||||
|
||||
if (isOpened){
|
||||
if (!treeNode.isOpened) o(r).trigger("click");
|
||||
}else{
|
||||
if (treeNode.isOpened) o(r).trigger("click");
|
||||
}
|
||||
|
||||
if (sonSign) {
|
||||
for (var key in nt.mapping) {
|
||||
var childNode = nt.mapping[key];
|
||||
if (childNode.parentId == node.id) {
|
||||
if (isOpened){
|
||||
if (!childNode.isOpened) o(v.find("tbody tr[id=" + childNode.id + "]").find(".layui-tree-spread")).trigger("click");
|
||||
}else{
|
||||
if (treeNode.isOpened) o(v.find("tbody tr[id=" + childNode.id + "]").find(".layui-tree-spread")).trigger("click");
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}, e("treetable", function(e) {
|
||||
var r = new i(e = e || {}),
|
||||
telem = o(e.elem);
|
||||
var v = r.initGird(telem);
|
||||
layui.addcss("modules/treetable/treetable.css");
|
||||
|
||||
var funs = {
|
||||
getNode : function(idValue){
|
||||
if (!idValue) return;
|
||||
var a = this,
|
||||
oi = new i(v = v || {}),
|
||||
nt = tt[v.selector];
|
||||
for (var key in nt.mapping) {
|
||||
var treeNode = nt.mapping[key];
|
||||
if (treeNode.id == idValue) {
|
||||
return treeNode.item;
|
||||
}
|
||||
}
|
||||
}, getNodeByParam : function(key, value, parentNode){
|
||||
if (key == null || value == null) return;
|
||||
var a = this,
|
||||
oi = new i(v = v || {}),
|
||||
nt = tt[v.selector];
|
||||
var arr = new Array();
|
||||
for (var k in nt.mapping) {
|
||||
var treeNode = nt.mapping[k];
|
||||
if (treeNode.item[key] == value) {
|
||||
var node = parentNode == null ? arr.push(treeNode.item):(parentNode.id == treeNode.parent.id ? arr.push(treeNode.item) : null);
|
||||
return node;
|
||||
}
|
||||
}
|
||||
return arr;
|
||||
}, getNodesByParam : function(key, value, parentNode){
|
||||
if (key == null || value == null) return;
|
||||
var a = this,
|
||||
oi = new i(v = v || {}),
|
||||
nt = tt[v.selector];
|
||||
var arr = new Array();
|
||||
for (var k in nt.mapping) {
|
||||
var treeNode = nt.mapping[k];
|
||||
if (treeNode.item[key] == value) {
|
||||
parentNode == null ? arr.push(treeNode.item):(parentNode.id == treeNode.parent.id ? arr.push(treeNode.item) : null);
|
||||
}
|
||||
}
|
||||
return arr;
|
||||
}, getNodes : function(){
|
||||
var a = this,
|
||||
oi = new i(v = v || {}),
|
||||
nt = tt[v.selector];
|
||||
|
||||
for (var key in nt.mapping) {
|
||||
var treeNode = nt.mapping[key];
|
||||
if (treeNode && treeNode.item && treeNode.id != 'root'){
|
||||
arr.push(treeNode.item);
|
||||
}
|
||||
}
|
||||
return arr;
|
||||
},addNode : function(parentNode, newNodes){
|
||||
var i = r.options,
|
||||
n = a || i.nodes,
|
||||
nt = tt[v.selector];
|
||||
|
||||
var arr = [];
|
||||
if (!Array.isArray(newNodes)){
|
||||
arr.push(newNodes)
|
||||
}else{
|
||||
arr = newNodes;
|
||||
}
|
||||
var treeTable = new TreeTable();
|
||||
|
||||
r.traverseModel(treeTable, parentNode? nt.mapping[parentNode.id]:nt.mapping['root'], newNodes, ['children']);
|
||||
for (var tttt in treeTable.mapping){
|
||||
if ('root' == tttt) continue;
|
||||
nt.mapping[tttt] = treeTable.mapping[tttt];
|
||||
}
|
||||
r.addNodes(v, parentNode, arr, true);
|
||||
f.render();
|
||||
},editNodeName : function(node){
|
||||
var i = r.options, n = a || i.nodes, nt = tt[v.selector];
|
||||
var treeNode = nt.mapping[node.id];
|
||||
treeNode.item = node;
|
||||
|
||||
var trNode = v.find("tbody tr[id="+node.id+"] td li a cite");
|
||||
trNode.text(node.name);
|
||||
f.render();
|
||||
},removeNode : function(node){
|
||||
var i = r.options, n = a || i.nodes, nt = tt[v.selector];
|
||||
var treeNode = nt.mapping[node.id];
|
||||
r.removeNodes(v, treeNode);
|
||||
f.render();
|
||||
},getSelected : function() {
|
||||
var arr = new Array();
|
||||
var nt = tt[v.selector]
|
||||
o(e.elem).find("input[type=checkbox]:checked").each(function(index, v) {
|
||||
var treeNode = nt.mapping[v.value];
|
||||
if (treeNode && treeNode.item && treeNode.id != 'root'){
|
||||
arr.push(treeNode.item);
|
||||
}
|
||||
});
|
||||
return arr;
|
||||
},getUnSelected : function() {
|
||||
var arr = new Array();
|
||||
var nt = tt[v.selector]
|
||||
o(e.elem).find("input[type=checkbox]:not(:checked)").each(function(index, v) {
|
||||
var treeNode = nt.mapping[v.value];
|
||||
if (treeNode && treeNode.item && treeNode.id != 'root'){
|
||||
arr.push(treeNode.item);
|
||||
}
|
||||
});
|
||||
return arr;
|
||||
},expand : function() {
|
||||
var a = this,
|
||||
oi = new i(v = v || {}),
|
||||
nt = tt[v.selector];
|
||||
for (var key in nt.mapping) {
|
||||
var treeNode = nt.mapping[key];
|
||||
if (treeNode.id == 'root') continue;
|
||||
var isOpened = treeNode.isOpened;
|
||||
if (isOpened) continue;
|
||||
var e = o('#' + treeNode.id),
|
||||
r = (a.options, e.find(".layui-tree-spread")),
|
||||
ri = e.find(".layui-tree-branch");
|
||||
oi.expand(treeNode, !isOpened, e);
|
||||
isOpened ? (e.data("spread", null), r.html(t.arrow[0]), ri.removeClass(t.branch[1]), ri.addClass(t.branch[0])) : (e.data("spread", !0), r.html(t.arrow[1]), ri.removeClass(t.branch[0]), ri.addClass(t.branch[1]))
|
||||
treeNode.isOpened = !isOpened;
|
||||
}
|
||||
},collapse : function() {
|
||||
var a = this,
|
||||
oi = new i(v = v || {}),
|
||||
nt = tt[v.selector];
|
||||
for (var key in nt.mapping) {
|
||||
var treeNode = nt.mapping[key];
|
||||
if (treeNode.id == 'root') continue;
|
||||
var isOpened = treeNode.isOpened;
|
||||
if (!isOpened) continue;
|
||||
var e = o('#' + treeNode.id),
|
||||
r = (a.options, e.find(".layui-tree-spread")),
|
||||
ri = e.find(".layui-tree-branch");
|
||||
oi.expand(treeNode, !isOpened, e);
|
||||
isOpened ? (e.data("spread", null), r.html(t.arrow[0]), ri.removeClass(t.branch[1]), ri.addClass(t.branch[0])) : (e.data("spread", !0), r.html(t.arrow[1]), ri.removeClass(t.branch[0]), ri.addClass(t.branch[1]))
|
||||
treeNode.isOpened = !isOpened;
|
||||
}
|
||||
}, destory : function (){
|
||||
var a = this,
|
||||
oi = new i(v = v || {}),
|
||||
nt = tt[v.selector];
|
||||
var treeO = o(v.selector);
|
||||
if (treeO) treeO.empty(), delete tt[v.selector];
|
||||
}, expandNode : function(node, sonSign){
|
||||
var a = this,
|
||||
oi = new i(v = v || {}),
|
||||
nt = tt[v.selector];
|
||||
r.expandNode(nt, node, v, a, true, sonSign);
|
||||
}, collapseNode : function(node, sonSign){
|
||||
var a = this,
|
||||
oi = new i(v = v || {}),
|
||||
nt = tt[v.selector];
|
||||
r.expandNode(nt, node, v, a, false, sonSign);
|
||||
}, checkNode : function (node, check){
|
||||
var a = this,
|
||||
oi = new i(v = v || {}),
|
||||
nt = tt[v.selector];
|
||||
var ck = v.find("tbody tr[id=" + node.id + "] ");
|
||||
ck.find('input[type=checkbox]').attr("checked", check);
|
||||
ck.find('input[type=checkbox]')[0].checked = check;
|
||||
check ? ck.find('.layui-form-checkbox').addClass('layui-form-checked') : ck.find('.layui-form-checkbox').removeClass('layui-form-checked')
|
||||
}, setChkDisabled : function(node, disabled){
|
||||
var a = this,
|
||||
oi = new i(v = v || {}),
|
||||
nt = tt[v.selector];
|
||||
var ck = v.find("tbody tr[id=" + node.id + "] ");
|
||||
ck.find('input[type=checkbox]').attr("disabled",disabled);
|
||||
disabled ? ck.find('.layui-form-checkbox').addClass('layui-checkbox-disbaled layui-disabled') : ck.find('.layui-form-checkbox').removeClass('layui-checkbox-disbaled layui-disabled');
|
||||
}, checkAllNodes : function(check){
|
||||
var a = this,
|
||||
oi = new i(v = v || {}),
|
||||
nt = tt[v.selector];
|
||||
|
||||
for (var key in nt.mapping) {
|
||||
var treeNode = nt.mapping[key];
|
||||
if (treeNode && treeNode.item && treeNode.id != 'root'){
|
||||
var ck = v.find("tbody tr[id=" + treeNode.id + "] ");
|
||||
ck.find('input[type=checkbox]').attr("checked", check);
|
||||
ck.find('input[type=checkbox]')[0].checked = check;
|
||||
check ? ck.find('.layui-form-checkbox').addClass('layui-form-checked') : ck.find('.layui-form-checkbox').removeClass('layui-form-checked')
|
||||
}
|
||||
}
|
||||
var all = v.find('thead input[type="checkbox"]');
|
||||
all.attr("checked", check);
|
||||
all[0].checked = check;
|
||||
check ? all.parents('tr').find('.layui-form-checkbox').addClass('layui-form-checked') : all.parents('tr').find('.layui-form-checkbox').removeClass('layui-form-checked')
|
||||
}
|
||||
}
|
||||
for (var key in funs){
|
||||
v[key] = funs[key];
|
||||
}
|
||||
|
||||
if (e.callback) {
|
||||
v.onCheck = e.callback.onCheck;
|
||||
}
|
||||
|
||||
return telem[0] ? v : a.error("layui.tree 没有找到" + e.elem + "元素");
|
||||
})
|
||||
});
|
||||
Loading…
Reference in New Issue