You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
142 lines
5.6 KiB
JavaScript
142 lines
5.6 KiB
JavaScript
3 years ago
|
(function (global, factory) {
|
||
|
if (typeof define === "function" && define.amd) {
|
||
|
define([], factory);
|
||
|
} else if (typeof exports !== "undefined") {
|
||
|
factory();
|
||
|
} else {
|
||
|
var mod = {
|
||
|
exports: {}
|
||
|
};
|
||
|
factory();
|
||
|
global.bootstrapTableTreeColumn = mod.exports;
|
||
|
}
|
||
|
})(this, function () {
|
||
|
'use strict';
|
||
|
|
||
|
/**
|
||
|
* @author: KingYang
|
||
|
* @webSite: https://github.com/kingyang
|
||
|
* @version: v1.0.0
|
||
|
*/
|
||
|
|
||
|
!function ($) {
|
||
|
|
||
|
'use strict';
|
||
|
|
||
|
$.extend($.fn.bootstrapTable.defaults, {
|
||
|
treeShowField: null,
|
||
|
idField: 'id',
|
||
|
parentIdField: 'pid',
|
||
|
treeVerticalcls: 'vertical',
|
||
|
treeVerticalLastcls: 'vertical last',
|
||
|
treeSpacecls: 'space',
|
||
|
treeNodecls: 'node',
|
||
|
treeCellcls: 'treenode',
|
||
|
treeTextcls: 'text',
|
||
|
onTreeFormatter: function onTreeFormatter(row) {
|
||
|
var that = this,
|
||
|
options = that.options,
|
||
|
level = row._level || 0,
|
||
|
plevel = row._parent && row._parent._level || 0,
|
||
|
paddings = [];
|
||
|
for (var i = 0; i < plevel; i++) {
|
||
|
paddings.push('<i class="' + options.treeVerticalcls + '"></i>');
|
||
|
paddings.push('<i class="' + options.treeSpacecls + '"></i>');
|
||
|
}
|
||
|
|
||
|
for (var i = plevel; i < level; i++) {
|
||
|
if (row._last && i === level - 1) {
|
||
|
paddings.push('<i class="' + options.treeVerticalLastcls + '"></i>');
|
||
|
} else {
|
||
|
paddings.push('<i class="' + options.treeVerticalcls + '"></i>');
|
||
|
}
|
||
|
paddings.push('<i class="' + options.treeNodecls + '"></i>');
|
||
|
}
|
||
|
return paddings.join('');
|
||
|
}, onGetNodes: function onGetNodes(row, data) {
|
||
|
var that = this;
|
||
|
var nodes = [];
|
||
|
$.each(data, function (i, item) {
|
||
|
if (row[that.options.idField] === item[that.options.parentIdField]) {
|
||
|
nodes.push(item);
|
||
|
}
|
||
|
});
|
||
|
return nodes;
|
||
|
},
|
||
|
onCheckLeaf: function onCheckLeaf(row, data) {
|
||
|
if (row.isLeaf !== undefined) {
|
||
|
return row.isLeaf;
|
||
|
}
|
||
|
return !row._nodes || !row._nodes.length;
|
||
|
}, onCheckRoot: function onCheckRoot(row, data) {
|
||
|
var that = this;
|
||
|
return !row[that.options.parentIdField];
|
||
|
}
|
||
|
});
|
||
|
|
||
|
var BootstrapTable = $.fn.bootstrapTable.Constructor,
|
||
|
_initRow = BootstrapTable.prototype.initRow,
|
||
|
_initHeader = BootstrapTable.prototype.initHeader;
|
||
|
|
||
|
BootstrapTable.prototype.initHeader = function () {
|
||
|
var that = this;
|
||
|
_initHeader.apply(that, Array.prototype.slice.apply(arguments));
|
||
|
var treeShowField = that.options.treeShowField;
|
||
|
if (treeShowField) {
|
||
|
$.each(this.header.fields, function (i, field) {
|
||
|
if (treeShowField === field) {
|
||
|
that.treeEnable = true;
|
||
|
var _formatter = that.header.formatters[i];
|
||
|
var _class = [that.options.treeCellcls];
|
||
|
if (that.header.classes[i]) {
|
||
|
_class.push(that.header.classes[i].split('"')[1] || '');
|
||
|
}
|
||
|
that.header.classes[i] = ' class="' + _class.join(' ') + '"';
|
||
|
that.header.formatters[i] = function (value, row, index) {
|
||
|
var colTree = [that.options.onTreeFormatter.apply(that, [row])];
|
||
|
colTree.push('<span class="' + that.options.treeTextcls + '">');
|
||
|
if (_formatter) {
|
||
|
colTree.push(_formatter.apply(this, Array.prototype.slice.apply(arguments)));
|
||
|
} else {
|
||
|
colTree.push(value);
|
||
|
}
|
||
|
colTree.push('</span>');
|
||
|
return colTree.join('');
|
||
|
};
|
||
|
return false;
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
};
|
||
|
|
||
|
var initNode = function initNode(item, idx, data, parentDom) {
|
||
|
var that = this;
|
||
|
var nodes = that.options.onGetNodes.apply(that, [item, data]);
|
||
|
item._nodes = nodes;
|
||
|
parentDom.append(_initRow.apply(that, [item, idx, data, parentDom]));
|
||
|
var len = nodes.length - 1;
|
||
|
for (var i = 0; i <= len; i++) {
|
||
|
var node = nodes[i];
|
||
|
node._level = item._level + 1;
|
||
|
node._parent = item;
|
||
|
if (i === len) node._last = 1;
|
||
|
initNode.apply(that, [node, $.inArray(node, data), data, parentDom]);
|
||
|
}
|
||
|
};
|
||
|
|
||
|
BootstrapTable.prototype.initRow = function (item, idx, data, parentDom) {
|
||
|
var that = this;
|
||
|
if (that.treeEnable) {
|
||
|
if (that.options.onCheckRoot.apply(that, [item, data])) {
|
||
|
if (item._level === undefined) {
|
||
|
item._level = 0;
|
||
|
}
|
||
|
initNode.apply(that, [item, idx, data, parentDom]);
|
||
|
return true;
|
||
|
}
|
||
|
return false;
|
||
|
}
|
||
|
return _initRow.apply(that, Array.prototype.slice.apply(arguments));
|
||
|
};
|
||
|
}(jQuery);
|
||
|
});
|