75 lines
2.5 KiB
JavaScript
75 lines
2.5 KiB
JavaScript
|
/**
|
|||
|
|
* 将BootstrapTable的行使用自定义的模板来渲染
|
|||
|
|
*
|
|||
|
|
* @author: karson
|
|||
|
|
* @version: v0.0.1
|
|||
|
|
*
|
|||
|
|
* @update 2017-06-24 <http://github.com/karsonzhang/fastadmin>
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
!function ($) {
|
|||
|
|
'use strict';
|
|||
|
|
|
|||
|
|
$.extend($.fn.bootstrapTable.defaults, {
|
|||
|
|
//是否启用模板渲染
|
|||
|
|
templateView: false,
|
|||
|
|
//数据格式化的模板ID或格式函数
|
|||
|
|
templateFormatter: "itemtpl",
|
|||
|
|
//添加的父类的class
|
|||
|
|
templateParentClass: "row row-flex",
|
|||
|
|
//向table添加的class
|
|||
|
|
templateTableClass: "table-template",
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
var BootstrapTable = $.fn.bootstrapTable.Constructor,
|
|||
|
|
_initContainer = BootstrapTable.prototype.initContainer,
|
|||
|
|
_initBody = BootstrapTable.prototype.initBody,
|
|||
|
|
_initRow = BootstrapTable.prototype.initRow;
|
|||
|
|
|
|||
|
|
BootstrapTable.prototype.initContainer = function () {
|
|||
|
|
_initContainer.apply(this, Array.prototype.slice.apply(arguments));
|
|||
|
|
var that = this;
|
|||
|
|
if (!that.options.templateView) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
that.options.cardView = true;
|
|||
|
|
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
BootstrapTable.prototype.initBody = function () {
|
|||
|
|
var that = this;
|
|||
|
|
$.extend(that.options, {
|
|||
|
|
showHeader: !that.options.templateView ? $.fn.bootstrapTable.defaults.showHeader : false,
|
|||
|
|
showFooter: !that.options.templateView ? $.fn.bootstrapTable.defaults.showFooter : false,
|
|||
|
|
});
|
|||
|
|
$(that.$el).toggleClass(that.options.templateTableClass, that.options.templateView);
|
|||
|
|
|
|||
|
|
_initBody.apply(this, Array.prototype.slice.apply(arguments));
|
|||
|
|
|
|||
|
|
if (!that.options.templateView) {
|
|||
|
|
return;
|
|||
|
|
} else {
|
|||
|
|
//由于Bootstrap是基于Table的，添加一个父类容器
|
|||
|
|
$("> *:not(.no-records-found)", that.$body).wrapAll($("<div />").addClass(that.options.templateParentClass));
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
BootstrapTable.prototype.initRow = function (item, i, data, parentDom) {
|
|||
|
|
var that = this;
|
|||
|
|
//如果未启用则使用原生的initRow方法
|
|||
|
|
if (!that.options.templateView) {
|
|||
|
|
return _initRow.apply(that, Array.prototype.slice.apply(arguments));
|
|||
|
|
}
|
|||
|
|
var $content = '';
|
|||
|
|
if (typeof that.options.templateFormatter === 'function') {
|
|||
|
|
$content = that.options.templateFormatter.call(that, item, i, data);
|
|||
|
|
} else {
|
|||
|
|
var Template = require('template');
|
|||
|
|
$content = Template(that.options.templateFormatter, {item: item, i: i, data: data});
|
|||
|
|
}
|
|||
|
|
return $content;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
}(jQuery);
|