升级表格行编辑&移动端适应插件
RuoYi
4 years ago
committed by
Limy
parent
6d66b07aeb
commit
578d13e169
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@ -1,211 +0,0 @@
|
|||||||
/**
|
|
||||||
* @author: aperez <aperez@datadec.es>
|
|
||||||
* @version: v2.0.0
|
|
||||||
*
|
|
||||||
* @update Dennis Hernández <http://djhvscf.github.io/Blog>
|
|
||||||
*/
|
|
||||||
|
|
||||||
!function($) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
var firstLoad = false;
|
|
||||||
|
|
||||||
var sprintf = $.fn.bootstrapTable.utils.sprintf;
|
|
||||||
|
|
||||||
var showAvdSearch = function(pColumns, searchTitle, searchText, that) {
|
|
||||||
if (!$("#avdSearchModal" + "_" + that.options.idTable).hasClass("modal")) {
|
|
||||||
var vModal = sprintf("<div id=\"avdSearchModal%s\" class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"mySmallModalLabel\" aria-hidden=\"true\">", "_" + that.options.idTable);
|
|
||||||
vModal += "<div class=\"modal-dialog modal-xs\">";
|
|
||||||
vModal += " <div class=\"modal-content\">";
|
|
||||||
vModal += " <div class=\"modal-header\">";
|
|
||||||
vModal += " <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\" >×</button>";
|
|
||||||
vModal += sprintf(" <h4 class=\"modal-title\">%s</h4>", searchTitle);
|
|
||||||
vModal += " </div>";
|
|
||||||
vModal += " <div class=\"modal-body modal-body-custom\">";
|
|
||||||
vModal += sprintf(" <div class=\"container-fluid\" id=\"avdSearchModalContent%s\" style=\"padding-right: 0px;padding-left: 0px;\" >", "_" + that.options.idTable);
|
|
||||||
vModal += " </div>";
|
|
||||||
vModal += " </div>";
|
|
||||||
vModal += " </div>";
|
|
||||||
vModal += " </div>";
|
|
||||||
vModal += "</div>";
|
|
||||||
|
|
||||||
$("body").append($(vModal));
|
|
||||||
|
|
||||||
var vFormAvd = createFormAvd(pColumns, searchText, that),
|
|
||||||
timeoutId = 0;;
|
|
||||||
|
|
||||||
$('#avdSearchModalContent' + "_" + that.options.idTable).append(vFormAvd.join(''));
|
|
||||||
|
|
||||||
$('#' + that.options.idForm).off('keyup blur', 'input').on('keyup blur', 'input', function (event) {
|
|
||||||
clearTimeout(timeoutId);
|
|
||||||
timeoutId = setTimeout(function () {
|
|
||||||
that.onColumnAdvancedSearch(event);
|
|
||||||
}, that.options.searchTimeOut);
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#btnCloseAvd" + "_" + that.options.idTable).click(function() {
|
|
||||||
$("#avdSearchModal" + "_" + that.options.idTable).modal('hide');
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#avdSearchModal" + "_" + that.options.idTable).modal();
|
|
||||||
} else {
|
|
||||||
$("#avdSearchModal" + "_" + that.options.idTable).modal();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
var createFormAvd = function(pColumns, searchText, that) {
|
|
||||||
var htmlForm = [];
|
|
||||||
htmlForm.push(sprintf('<form class="form-horizontal" id="%s" action="%s" >', that.options.idForm, that.options.actionForm));
|
|
||||||
for (var i in pColumns) {
|
|
||||||
var vObjCol = pColumns[i];
|
|
||||||
if (!vObjCol.checkbox && vObjCol.visible && vObjCol.searchable) {
|
|
||||||
htmlForm.push('<div class="form-group">');
|
|
||||||
htmlForm.push(sprintf('<label class="col-sm-4 control-label">%s</label>', vObjCol.title));
|
|
||||||
htmlForm.push('<div class="col-sm-6">');
|
|
||||||
htmlForm.push(sprintf('<input type="text" class="form-control input-md" name="%s" placeholder="%s" id="%s">', vObjCol.field, vObjCol.title, vObjCol.field));
|
|
||||||
htmlForm.push('</div>');
|
|
||||||
htmlForm.push('</div>');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
htmlForm.push('<div class="form-group">');
|
|
||||||
htmlForm.push('<div class="col-sm-offset-9 col-sm-3">');
|
|
||||||
htmlForm.push(sprintf('<button type="button" id="btnCloseAvd%s" class="btn btn-default" >%s</button>', "_" + that.options.idTable, searchText));
|
|
||||||
htmlForm.push('</div>');
|
|
||||||
htmlForm.push('</div>');
|
|
||||||
htmlForm.push('</form>');
|
|
||||||
|
|
||||||
return htmlForm;
|
|
||||||
};
|
|
||||||
|
|
||||||
$.extend($.fn.bootstrapTable.defaults, {
|
|
||||||
advancedSearch: false,
|
|
||||||
idForm: 'advancedSearch',
|
|
||||||
actionForm: '',
|
|
||||||
idTable: undefined,
|
|
||||||
onColumnAdvancedSearch: function (field, text) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$.extend($.fn.bootstrapTable.defaults.icons, {
|
|
||||||
advancedSearchIcon: 'glyphicon-chevron-down'
|
|
||||||
});
|
|
||||||
|
|
||||||
$.extend($.fn.bootstrapTable.Constructor.EVENTS, {
|
|
||||||
'column-advanced-search.bs.table': 'onColumnAdvancedSearch'
|
|
||||||
});
|
|
||||||
|
|
||||||
$.extend($.fn.bootstrapTable.locales, {
|
|
||||||
formatAdvancedSearch: function() {
|
|
||||||
return 'Advanced search';
|
|
||||||
},
|
|
||||||
formatAdvancedCloseButton: function() {
|
|
||||||
return "Close";
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$.extend($.fn.bootstrapTable.defaults, $.fn.bootstrapTable.locales);
|
|
||||||
|
|
||||||
var BootstrapTable = $.fn.bootstrapTable.Constructor,
|
|
||||||
_initToolbar = BootstrapTable.prototype.initToolbar,
|
|
||||||
_load = BootstrapTable.prototype.load,
|
|
||||||
_initSearch = BootstrapTable.prototype.initSearch;
|
|
||||||
|
|
||||||
BootstrapTable.prototype.initToolbar = function() {
|
|
||||||
_initToolbar.apply(this, Array.prototype.slice.apply(arguments));
|
|
||||||
|
|
||||||
if (!this.options.search) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!this.options.advancedSearch) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!this.options.idTable) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
var that = this,
|
|
||||||
html = [];
|
|
||||||
|
|
||||||
html.push(sprintf('<div class="columns columns-%s btn-group pull-%s" role="group">', this.options.buttonsAlign, this.options.buttonsAlign));
|
|
||||||
html.push(sprintf('<button class="btn btn-default%s' + '" type="button" name="advancedSearch" title="%s">', that.options.iconSize === undefined ? '' : ' btn-' + that.options.iconSize, that.options.formatAdvancedSearch()));
|
|
||||||
html.push(sprintf('<i class="%s %s"></i>', that.options.iconsPrefix, that.options.icons.advancedSearchIcon))
|
|
||||||
html.push('</button></div>');
|
|
||||||
|
|
||||||
that.$toolbar.prepend(html.join(''));
|
|
||||||
|
|
||||||
that.$toolbar.find('button[name="advancedSearch"]')
|
|
||||||
.off('click').on('click', function() {
|
|
||||||
showAvdSearch(that.columns, that.options.formatAdvancedSearch(), that.options.formatAdvancedCloseButton(), that);
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
BootstrapTable.prototype.load = function(data) {
|
|
||||||
_load.apply(this, Array.prototype.slice.apply(arguments));
|
|
||||||
|
|
||||||
if (!this.options.advancedSearch) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (typeof this.options.idTable === 'undefined') {
|
|
||||||
return;
|
|
||||||
} else {
|
|
||||||
if (!firstLoad) {
|
|
||||||
var height = parseInt($(".bootstrap-table").height());
|
|
||||||
height += 10;
|
|
||||||
$("#" + this.options.idTable).bootstrapTable("resetView", {height: height});
|
|
||||||
firstLoad = true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
BootstrapTable.prototype.initSearch = function () {
|
|
||||||
_initSearch.apply(this, Array.prototype.slice.apply(arguments));
|
|
||||||
|
|
||||||
if (!this.options.advancedSearch) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
var that = this;
|
|
||||||
var fp = $.isEmptyObject(this.filterColumnsPartial) ? null : this.filterColumnsPartial;
|
|
||||||
|
|
||||||
this.data = fp ? $.grep(this.data, function (item, i) {
|
|
||||||
for (var key in fp) {
|
|
||||||
var fval = fp[key].toLowerCase();
|
|
||||||
var value = item[key];
|
|
||||||
value = $.fn.bootstrapTable.utils.calculateObjectValue(that.header,
|
|
||||||
that.header.formatters[$.inArray(key, that.header.fields)],
|
|
||||||
[value, item, i], value);
|
|
||||||
|
|
||||||
if (!($.inArray(key, that.header.fields) !== -1 &&
|
|
||||||
(typeof value === 'string' || typeof value === 'number') &&
|
|
||||||
(value + '').toLowerCase().indexOf(fval) !== -1)) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return true;
|
|
||||||
}) : this.data;
|
|
||||||
};
|
|
||||||
|
|
||||||
BootstrapTable.prototype.onColumnAdvancedSearch = function (event) {
|
|
||||||
var text = $.trim($(event.currentTarget).val());
|
|
||||||
var $field = $(event.currentTarget)[0].id;
|
|
||||||
|
|
||||||
if ($.isEmptyObject(this.filterColumnsPartial)) {
|
|
||||||
this.filterColumnsPartial = {};
|
|
||||||
}
|
|
||||||
if (text) {
|
|
||||||
this.filterColumnsPartial[$field] = text;
|
|
||||||
} else {
|
|
||||||
delete this.filterColumnsPartial[$field];
|
|
||||||
}
|
|
||||||
|
|
||||||
this.options.pageNumber = 1;
|
|
||||||
this.onSearch(event);
|
|
||||||
this.updatePagination();
|
|
||||||
this.trigger('column-advanced-search', $field, text);
|
|
||||||
};
|
|
||||||
}(jQuery);
|
|
||||||
@ -1,7 +0,0 @@
|
|||||||
/*
|
|
||||||
* bootstrap-table - v1.11.0 - 2016-07-02
|
|
||||||
* https://github.com/wenzhixin/bootstrap-table
|
|
||||||
* Copyright (c) 2016 zhixin wen
|
|
||||||
* Licensed MIT License
|
|
||||||
*/
|
|
||||||
!function(a){"use strict";var b=!1,c=a.fn.bootstrapTable.utils.sprintf,d=function(b,d,f,g){if(a("#avdSearchModal_"+g.options.idTable).hasClass("modal"))a("#avdSearchModal_"+g.options.idTable).modal();else{var h=c('<div id="avdSearchModal%s" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">',"_"+g.options.idTable);h+='<div class="modal-dialog modal-xs">',h+=' <div class="modal-content">',h+=' <div class="modal-header">',h+=' <button type="button" class="close" data-dismiss="modal" aria-hidden="true" >×</button>',h+=c(' <h4 class="modal-title">%s</h4>',d),h+=" </div>",h+=' <div class="modal-body modal-body-custom">',h+=c(' <div class="container-fluid" id="avdSearchModalContent%s" style="padding-right: 0px;padding-left: 0px;" >',"_"+g.options.idTable),h+=" </div>",h+=" </div>",h+=" </div>",h+=" </div>",h+="</div>",a("body").append(a(h));var i=e(b,f,g),j=0;a("#avdSearchModalContent_"+g.options.idTable).append(i.join("")),a("#"+g.options.idForm).off("keyup blur","input").on("keyup blur","input",function(a){clearTimeout(j),j=setTimeout(function(){g.onColumnAdvancedSearch(a)},g.options.searchTimeOut)}),a("#btnCloseAvd_"+g.options.idTable).click(function(){a("#avdSearchModal_"+g.options.idTable).modal("hide")}),a("#avdSearchModal_"+g.options.idTable).modal()}},e=function(a,b,d){var e=[];e.push(c('<form class="form-horizontal" id="%s" action="%s" >',d.options.idForm,d.options.actionForm));for(var f in a){var g=a[f];!g.checkbox&&g.visible&&g.searchable&&(e.push('<div class="form-group">'),e.push(c('<label class="col-sm-4 control-label">%s</label>',g.title)),e.push('<div class="col-sm-6">'),e.push(c('<input type="text" class="form-control input-md" name="%s" placeholder="%s" id="%s">',g.field,g.title,g.field)),e.push("</div>"),e.push("</div>"))}return e.push('<div class="form-group">'),e.push('<div class="col-sm-offset-9 col-sm-3">'),e.push(c('<button type="button" id="btnCloseAvd%s" class="btn btn-default" >%s</button>',"_"+d.options.idTable,b)),e.push("</div>"),e.push("</div>"),e.push("</form>"),e};a.extend(a.fn.bootstrapTable.defaults,{advancedSearch:!1,idForm:"advancedSearch",actionForm:"",idTable:void 0,onColumnAdvancedSearch:function(){return!1}}),a.extend(a.fn.bootstrapTable.defaults.icons,{advancedSearchIcon:"glyphicon-chevron-down"}),a.extend(a.fn.bootstrapTable.Constructor.EVENTS,{"column-advanced-search.bs.table":"onColumnAdvancedSearch"}),a.extend(a.fn.bootstrapTable.locales,{formatAdvancedSearch:function(){return"Advanced search"},formatAdvancedCloseButton:function(){return"Close"}}),a.extend(a.fn.bootstrapTable.defaults,a.fn.bootstrapTable.locales);var f=a.fn.bootstrapTable.Constructor,g=f.prototype.initToolbar,h=f.prototype.load,i=f.prototype.initSearch;f.prototype.initToolbar=function(){if(g.apply(this,Array.prototype.slice.apply(arguments)),this.options.search&&this.options.advancedSearch&&this.options.idTable){var a=this,b=[];b.push(c('<div class="columns columns-%s btn-group pull-%s" role="group">',this.options.buttonsAlign,this.options.buttonsAlign)),b.push(c('<button class="btn btn-default%s" type="button" name="advancedSearch" title="%s">',void 0===a.options.iconSize?"":" btn-"+a.options.iconSize,a.options.formatAdvancedSearch())),b.push(c('<i class="%s %s"></i>',a.options.iconsPrefix,a.options.icons.advancedSearchIcon)),b.push("</button></div>"),a.$toolbar.prepend(b.join("")),a.$toolbar.find('button[name="advancedSearch"]').off("click").on("click",function(){d(a.columns,a.options.formatAdvancedSearch(),a.options.formatAdvancedCloseButton(),a)})}},f.prototype.load=function(){if(h.apply(this,Array.prototype.slice.apply(arguments)),this.options.advancedSearch&&"undefined"!=typeof this.options.idTable&&!b){var c=parseInt(a(".bootstrap-table").height());c+=10,a("#"+this.options.idTable).bootstrapTable("resetView",{height:c}),b=!0}},f.prototype.initSearch=function(){if(i.apply(this,Array.prototype.slice.apply(arguments)),this.options.advancedSearch){var b=this,c=a.isEmptyObject(this.filterColumnsPartial)?null:this.filterColumnsPartial;this.data=c?a.grep(this.data,function(d,e){for(var f in c){var g=c[f].toLowerCase(),h=d[f];if(h=a.fn.bootstrapTable.utils.calculateObjectValue(b.header,b.header.formatters[a.inArray(f,b.header.fields)],[h,d,e],h),-1===a.inArray(f,b.header.fields)||"string"!=typeof h&&"number"!=typeof h||-1===(h+"").toLowerCase().indexOf(g))return!1}return!0}):this.data}},f.prototype.onColumnAdvancedSearch=function(b){var c=a.trim(a(b.currentTarget).val()),d=a(b.currentTarget)[0].id;a.isEmptyObject(this.filterColumnsPartial)&&(this.filterColumnsPartial={}),c?this.filterColumnsPartial[d]=c:delete this.filterColumnsPartial[d],this.options.pageNumber=1,this.onSearch(b),this.updatePagination(),this.trigger("column-advanced-search",d,c)}}(jQuery);
|
|
||||||
Loading…
Reference in New Issue