146 lines
5.6 KiB
JavaScript
146 lines
5.6 KiB
JavaScript
/**
|
|
* @author zhixin wen <wenzhixin2010@gmail.com>
|
|
* extensions: https://github.com/vitalets/x-editable
|
|
*/
|
|
|
|
(function (root, factory) {
|
|
var define;
|
|
if (typeof define === 'function' && define.amd) {
|
|
// AMD. Register as an anonymous module unless amdModuleId is set
|
|
define(["jquery"], function (a0) {
|
|
return (factory(a0));
|
|
});
|
|
} else if (typeof exports === 'object') {
|
|
// Node. Does not work with strict CommonJS, but
|
|
// only CommonJS-like environments that support module.exports,
|
|
// like Node.
|
|
module.exports = factory(require("jquery"));
|
|
} else {
|
|
factory(jQuery);
|
|
}
|
|
}(this, function (jQuery) {
|
|
|
|
!function ($) {
|
|
|
|
'use strict';
|
|
|
|
$.extend($.fn.bootstrapTable.defaults, {
|
|
editable: true,
|
|
onEditableInit: function () {
|
|
return false;
|
|
},
|
|
onEditableSave: function (field, row, oldValue, $el) {
|
|
return false;
|
|
},
|
|
onEditableShown: function (field, row, $el, editable) {
|
|
return false;
|
|
},
|
|
onEditableHidden: function (field, row, $el, reason) {
|
|
return false;
|
|
}
|
|
});
|
|
|
|
$.extend($.fn.bootstrapTable.Constructor.EVENTS, {
|
|
'editable-init.bs.table': 'onEditableInit',
|
|
'editable-save.bs.table': 'onEditableSave',
|
|
'editable-shown.bs.table': 'onEditableShown',
|
|
'editable-hidden.bs.table': 'onEditableHidden'
|
|
});
|
|
|
|
var BootstrapTable = $.fn.bootstrapTable.Constructor,
|
|
_initTable = BootstrapTable.prototype.initTable,
|
|
_initBody = BootstrapTable.prototype.initBody;
|
|
|
|
BootstrapTable.prototype.initTable = function () {
|
|
var that = this;
|
|
_initTable.apply(this, Array.prototype.slice.apply(arguments));
|
|
|
|
if (!this.options.editable) {
|
|
return;
|
|
}
|
|
|
|
$.each(this.columns, function (i, column) {
|
|
if (!column.editable) {
|
|
return;
|
|
}
|
|
|
|
var editableOptions = {}, editableDataMarkup = [], editableDataPrefix = 'editable-';
|
|
|
|
var processDataOptions = function (key, value) {
|
|
// Replace camel case with dashes.
|
|
var dashKey = key.replace(/([A-Z])/g, function ($1) { return "-" + $1.toLowerCase(); });
|
|
if (dashKey.slice(0, editableDataPrefix.length) == editableDataPrefix) {
|
|
var dataKey = dashKey.replace(editableDataPrefix, 'data-');
|
|
editableOptions[dataKey] = value;
|
|
}
|
|
};
|
|
|
|
$.each(that.options, processDataOptions);
|
|
|
|
var _formatter = column.formatter;
|
|
column.formatter = function (value, row, index) {
|
|
var result = _formatter ? _formatter(value, row, index) : value;
|
|
|
|
$.each(column, processDataOptions);
|
|
|
|
$.each(editableOptions, function (key, value) {
|
|
editableDataMarkup.push(' ' + key + '="' + value + '"');
|
|
});
|
|
|
|
return ['<a href="javascript:void(0)"',
|
|
' data-name="' + column.field + '"',
|
|
' data-pk="' + row[that.options.idField] + '"',
|
|
' data-value="' + result + '"',
|
|
editableDataMarkup.join(''),
|
|
'>' + '</a>'
|
|
].join('');
|
|
};
|
|
});
|
|
};
|
|
|
|
BootstrapTable.prototype.initBody = function () {
|
|
var that = this;
|
|
_initBody.apply(this, Array.prototype.slice.apply(arguments));
|
|
|
|
if (!this.options.editable) {
|
|
return;
|
|
}
|
|
|
|
$.each(this.columns, function (i, column) {
|
|
if (!column.editable) {
|
|
return;
|
|
}
|
|
|
|
that.$body.find('a[data-name="' + column.field + '"]').editable(column.editable)
|
|
.off('save').on('save', function (e, params) {
|
|
var data = that.getData(),
|
|
index = $(this).parents('tr[data-index]').data('index'),
|
|
row = data[index],
|
|
oldValue = row[column.field];
|
|
|
|
$(this).data('value', params.submitValue);
|
|
row[column.field] = params.submitValue;
|
|
that.trigger('editable-save', column.field, row, oldValue, $(this));
|
|
});
|
|
that.$body.find('a[data-name="' + column.field + '"]').editable(column.editable)
|
|
.off('shown').on('shown', function (e, editable) {
|
|
var data = that.getData(),
|
|
index = $(this).parents('tr[data-index]').data('index'),
|
|
row = data[index];
|
|
|
|
that.trigger('editable-shown', column.field, row, $(this), editable);
|
|
});
|
|
that.$body.find('a[data-name="' + column.field + '"]').editable(column.editable)
|
|
.off('hidden').on('hidden', function (e, reason) {
|
|
var data = that.getData(),
|
|
index = $(this).parents('tr[data-index]').data('index'),
|
|
row = data[index];
|
|
|
|
that.trigger('editable-hidden', column.field, row, $(this), reason);
|
|
});
|
|
});
|
|
this.trigger('editable-init');
|
|
};
|
|
|
|
}(jQuery);
|
|
})); |