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.
76 lines
2.2 KiB
JavaScript
76 lines
2.2 KiB
JavaScript
3 years ago
|
/**
|
||
|
* @author: Dennis Hernández
|
||
|
* @webSite: http://djhvscf.github.io/Blog
|
||
|
* @version: v1.0.0
|
||
|
*/
|
||
|
|
||
|
(function ($) {
|
||
|
'use strict';
|
||
|
|
||
|
var initResizable = function (that) {
|
||
|
//Deletes the plugin to re-create it
|
||
|
that.$el.colResizable({disable: true});
|
||
|
|
||
|
//Creates the plugin
|
||
|
that.$el.colResizable({
|
||
|
liveDrag: that.options.liveDrag,
|
||
|
fixed: that.options.fixed,
|
||
|
headerOnly: that.options.headerOnly,
|
||
|
minWidth: that.options.minWidth,
|
||
|
hoverCursor: that.options.hoverCursor,
|
||
|
dragCursor: that.options.dragCursor,
|
||
|
onResize: that.onResize,
|
||
|
onDrag: that.options.onResizableDrag,
|
||
|
resizeMode: that.options.resizeMode
|
||
|
});
|
||
|
};
|
||
|
|
||
|
$.extend($.fn.bootstrapTable.defaults, {
|
||
|
resizable: false,
|
||
|
liveDrag: false,
|
||
|
fixed: true,
|
||
|
headerOnly: false,
|
||
|
minWidth: 15,
|
||
|
hoverCursor: 'e-resize',
|
||
|
dragCursor: 'e-resize',
|
||
|
onResizableResize: function (e) {
|
||
|
return false;
|
||
|
},
|
||
|
onResizableDrag: function (e) {
|
||
|
return false;
|
||
|
}
|
||
|
});
|
||
|
|
||
|
var BootstrapTable = $.fn.bootstrapTable.Constructor,
|
||
|
_toggleView = BootstrapTable.prototype.toggleView,
|
||
|
_resetView = BootstrapTable.prototype.resetView;
|
||
|
|
||
|
BootstrapTable.prototype.toggleView = function () {
|
||
|
_toggleView.apply(this, Array.prototype.slice.apply(arguments));
|
||
|
|
||
|
if (this.options.resizable && this.options.cardView) {
|
||
|
//Deletes the plugin
|
||
|
$(this.$el).colResizable({disable: true});
|
||
|
}
|
||
|
};
|
||
|
|
||
|
BootstrapTable.prototype.resetView = function () {
|
||
|
var that = this;
|
||
|
|
||
|
_resetView.apply(this, Array.prototype.slice.apply(arguments));
|
||
|
|
||
|
if (this.options.resizable) {
|
||
|
// because in fitHeader function, we use setTimeout(func, 100);
|
||
|
setTimeout(function () {
|
||
|
initResizable(that);
|
||
|
}, 100);
|
||
|
}
|
||
|
};
|
||
|
|
||
|
BootstrapTable.prototype.onResize = function (e) {
|
||
|
var that = $(e.currentTarget);
|
||
|
that.bootstrapTable('resetView');
|
||
|
that.data('bootstrap.table').options.onResizableResize.apply(e);
|
||
|
}
|
||
|
})(jQuery);
|