Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
js.jquery.jmesa.js Maven / Gradle / Ivy
(function ($) {
var tableFacades = new Object();
var getFormByTableId = function(id) {
var node = document.getElementById(id);
var found = false;
while (!found) {
if (node.nodeName == 'FORM') {
found = true;
return node;
}
node = node.parentNode;
}
return null;
}
var coreapi = {
addTableFacade : function(id) {
var tableFacade = new classes.TableFacade(id);
tableFacades[tableFacade.limit.id] = tableFacade;
},
getTableFacade : function(id) {
return tableFacades[id];
},
setSaveToWorksheet : function(id) {
this.getTableFacade(id).worksheet.save='true';
},
setFilterToWorksheet : function(id) {
this.getTableFacade(id).worksheet.filter='true';
this.setPageToLimit(id, '1');
},
setClearToWorksheet : function(id) {
this.getTableFacade(id).worksheet.clear='true';
},
setAddRowToWorksheet : function(id) {
this.getTableFacade(id).worksheet.addRow='true';
},
setRemoveRowToWorksheet : function(id, uniqueProperties) {
this.getTableFacade(id).worksheet.removeRow = uniqueProperties;
},
removeFilterFromWorksheet : function(id) {
this.getTableFacade(id).worksheet.filter=null;
this.setPageToLimit(id, '1');
},
setPageToLimit : function(id, page) {
this.getTableFacade(id).limit.setPage(page);
},
setMaxRowsToLimit : function(id, maxRows) {
this.getTableFacade(id).limit.setMaxRows(maxRows);
this.setPageToLimit(id, '1');
},
setTotalRowsToLimit : function(id, totalRows) {
this.getTableFacade(id).limit.setTotalRows(totalRows);
},
addSortToLimit : function(id, position, property, order) {
/*First remove the sort if it is set on the limit,
and then set the page back to the first one.*/
this.removeSortFromLimit(id, property);
this.setPageToLimit(id, '1');
var limit = this.getTableFacade(id).limit;
var sort = new classes.Sort(position, property, order);
limit.addSort(sort);
},
removeSortFromLimit : function(id, property) {
var limit = this.getTableFacade(id).limit;
var sortSet = limit.getSortSet();
$.each(sortSet, function(index, sort) {
if (sort.property == property) {
sortSet.splice(index, 1);
return false;
}
});
},
removeAllSortsFromLimit : function(id) {
var limit = this.getTableFacade(id).limit;
limit.setSortSet(new Array());
this.setPageToLimit(id, '1');
},
getSortFromLimit : function(id, property) {
var limit = this.getTableFacade(id).limit;
var sortSet = limit.getSortSet();
$.each(sortSet, function(index, sort) {
if (sort.property == property) {
return sort;
}
});
},
addFilterToLimit : function(id, property, value) {
/*First remove the filter if it is set on the limit,
and then set the page back to the first one.*/
this.removeFilterFromLimit(id, property);
this.setPageToLimit(id, '1');
var limit = this.getTableFacade(id).limit;
var filter = new classes.Filter(property, value);
limit.addFilter(filter);
},
removeFilterFromLimit : function(id, property) {
var limit = this.getTableFacade(id).limit;
var filterSet = limit.getFilterSet();
$.each(filterSet, function(index, filter) {
if (filter.property == property) {
filterSet.splice(index, 1);
return false;
}
});
},
removeAllFiltersFromLimit : function(id) {
var tableFacade = this.getTableFacade(id);
var limit = tableFacade.limit;
limit.setFilterSet(new Array());
this.setPageToLimit(id, '1');
var worksheet = tableFacade.worksheet;
worksheet.filter = null;
},
getFilterFromLimit : function(id, property) {
var limit = this.getTableFacade(id).limit;
var filterSet = limit.getFilterSet();
$.each(filterSet, function(index, filter) {
if (filter.property == property) {
return filter;
}
});
},
setExportToLimit : function(id, exportType) {
this.getTableFacade(id).limit.setExport(exportType);
},
createHiddenInputFieldsForLimit : function(id) {
var tableFacade = this.getTableFacade(id);
var form = getFormByTableId(id);
tableFacade.createHiddenInputFields(form);
},
createHiddenInputFieldsForLimitAndSubmit : function(id) {
var tableFacade = this.getTableFacade(id);
var form = getFormByTableId(id);
var created = tableFacade.createHiddenInputFields(form);
if (created) {
form.submit();
}
},
createParameterStringForLimit : function(id) {
var tableFacade = this.getTableFacade(id);
return tableFacade.createParameterString();
},
setOnInvokeAction : function (id, functionName) {
var tableFacade = this.getTableFacade(id);
tableFacade.onInvokeAction = functionName;
},
setOnInvokeExportAction : function (id, functionName) {
var tableFacade = this.getTableFacade(id);
tableFacade.onInvokeExportAction = functionName;
},
setContextPath : function (id, contextPath) {
var tableFacade = this.getTableFacade(id);
tableFacade.contextPath = contextPath;
},
getContextPath : function (id) {
var tableFacade = this.getTableFacade(id);
return tableFacade.contextPath;
},
onInvokeAction : function (id, action) {
var tableFacade = this.getTableFacade(id);
var f = window[tableFacade.onInvokeAction];
if ($.isFunction(f) !== true) {
throw tableFacade.onInvokeAction + ' is not a global function!';
} else {
f(id, action);
}
},
onInvokeExportAction : function (id) {
var tableFacade = this.getTableFacade(id);
var f = window[tableFacade.onInvokeExportAction];
if ($.isFunction(f) !== true) {
throw tableFacade.onInvokeExportAction + ' is not a global function!';
} else {
f(id);
}
},
getFormByTableId : function (id) {
return getFormByTableId(id);
}
};
/*********** Objects and Prototype Functions ***********/
var classes = {
TableFacade : function (id) {
this.limit = new classes.Limit(id);
this.worksheet = new classes.Worksheet();
this.onInvokeAction = 'onInvokeAction';
this.onInvokeExportAction = 'onInvokeExportAction';
this.contextPath = '';
},
Worksheet : function () {
this.save = null;
this.filter = null;
this.clear = null;
this.addRow = null;
this.removeRow = null;
},
Limit : function (id) {
this.id = id;
this.page = null;
this.maxRows = null;
this.totalRows = null;
this.sortSet = [];
this.filterSet = [];
this.exportType = null;
},
Sort : function (position, property, order) {
this.position = position;
this.property = property;
this.order = order;
},
Filter : function (property, value) {
this.property = property;
this.value = value;
},
DynFilter : function (filter, id, property) {
this.filter = filter;
this.id = id;
this.property = property;
},
WsColumn : function (column, id, uniqueProperties, property) {
this.column = column;
this.id = id;
this.uniqueProperties = uniqueProperties;
this.property = property;
}
};
$.extend(classes.Limit.prototype, {
getId : function () {
return this.id;
},
setId : function (id) {
this.id = id;
},
getPage : function () {
return this.page;
},
setPage : function (page) {
this.page = page;
},
getMaxRows : function () {
return this.maxRows;
},
setMaxRows : function (maxRows) {
this.maxRows = maxRows;
},
getTotalRows : function () {
return this.totalRows;
},
setTotalRows : function (totalRows) {
this.totalRows = totalRows;
},
getTotalPages : function () {
if (this.maxRows == 0) return 1;
var pages = this.totalRows / this.maxRows;
if ((this.totalRows % this.maxRows) > 0) {
++pages;
}
return pages;
},
getSortSet : function () {
return this.sortSet;
},
addSort : function (sort) {
this.sortSet[this.sortSet.length] = sort;
},
setSortSet : function (sortSet) {
this.sortSet = sortSet;
},
getFilterSet : function () {
return this.filterSet;
},
addFilter : function (filter) {
this.filterSet[this.filterSet.length] = filter;
},
setFilterSet : function (filterSet) {
this.filterSet = filterSet;
},
getExport : function () {
return this.exportType;
},
setExport : function (exportType) {
this.exportType = exportType;
}
});
$.extend(classes.TableFacade.prototype, {
createHiddenInputFields : function(form) {
var limit = this.limit;
var exists = $(form).find(':hidden[name=' + limit.id + '_p_]').val();
if (exists) {
return false;
}
if (this.worksheet.save) {
$(form).append('
');
var input = $('#dynFilterInput');
input.val(originalValue);
input.focus();
if (jQuery.browser.msie) { /* IE need a second focus */
input.focus();
}
$(input).keydown(function(event) {
var id = dynFilter.id;
if (event.keyCode == 13) { /* Press the enter key. */
$.jmesa.saveDynFilterData(cell, input, originalValue);
$.jmesa.onInvokeAction(id, 'filter');
} else if (event.keyCode == 9) { /* Press the tab key. */
var divToClick = $.jmesa.findNextCell(id, 'dynFilter', event.shiftKey);
$.jmesa.saveDynFilterData(cell, input, originalValue);
if (divToClick != null){
divToClick.onclick();
return false; /* Stop event for IE */
}
}
});
$(input).blur(function() {
$.jmesa.saveDynFilterData(cell, input, originalValue);
});
},
saveDynFilterData : function(cell, input, originalValue) {
var changedValue = input.val();
cell.text('');
cell.css('overflow', 'hidden');
cell.text(changedValue);
if(originalValue != changedValue) {
$.jmesa.addFilterToLimit(dynFilter.id, dynFilter.property, changedValue);
}
dynFilter = null;
},
createDroplistDynFilter : function(filter, id, property, options) {
if (dynFilter) {
return;
}
dynFilter = new classes.DynFilter(filter, id, property);
if ($('#dynFilterDroplistDiv').size() > 0) {
return; /* Filter already created. */
}
/* The cell that represents the filter. */
var cell = $(filter);
cell.css('overflow', 'visible');
/* Get the original filter value and width. */
var originalValue = cell.text();
var width = cell.width();
/* Need to first get the size of the arrary. */
var size = 1;
$.each(options, function() {
size++;
if (size > 10) {
size = 10;
return false;
}
});
/* Enforce the width with a style. */
cell.width(width);
cell.parent().width(width);
/* Create the dynamic select input box. */
cell.html('');
var html = '
';
html += ' ';
$.each(options, function(key, value) {
if (key == originalValue) {
html += '' + value + ' ';
} else {
html += '' + value + ' ';
}
});
html += ' ';
var div = $('#dynFilterDroplistDiv');
div.html(html);
var input = $('#dynFilterDroplist');
/* Resize the column if it is not at least as wide as the column. */
var selectWidth = input.width();
if (selectWidth < width) {
input.width(width + 5); /* always make the droplist overlap some */
}
input.focus();
var originalBackgroundColor = cell.css("backgroundColor");
cell.css({backgroundColor:div.css("backgroundColor")});
/* Something was selected or the clicked off the droplist. */
$(input).click(function() {
var id = dynFilter.id;
$.jmesa.saveDroplistDynFilterData(cell, originalValue, originalBackgroundColor);
$.jmesa.onInvokeAction(id, 'filter');
});
$(input).blur(function() {
$.jmesa.saveDroplistDynFilterData(cell, originalValue, originalBackgroundColor);
});
div.keydown(function(event) {
var id = dynFilter.id;
if (event.keyCode == 13) { /* Press the enter key. */
$.jmesa.saveDroplistDynFilterData(cell, originalValue, originalBackgroundColor);
$.jmesa.onInvokeAction(id, 'filter');
} else if (event.keyCode == 9) { /* Press the tab key. */
var divToClick = $.jmesa.findNextCell(id, 'dynFilter', event.shiftKey);
$.jmesa.saveDroplistDynFilterData(cell, originalValue, originalBackgroundColor);
if (divToClick != null){
divToClick.onclick();
return false; /* Stop event for IE */
}
}
});
},
saveDroplistDynFilterData : function(cell, originalValue, originalBackgroundColor) {
var changedValue = $("#dynFilterDroplistDiv option:selected").val();
var changedText = $("#dynFilterDroplistDiv option:selected").text();
cell.text(changedText);
cell.css('overflow', 'hidden');
if (originalValue != changedValue) {
$.jmesa.addFilterToLimit(dynFilter.id, dynFilter.property, changedValue);
}
$('#dynFilterDroplistDiv').remove();
cell.css({backgroundColor:originalBackgroundColor});
dynFilter = null;
}
}
/*********** Worksheet ***********/
var wsColumn = null;
var errorMap = {};
var validatorObject = {};
var worksheetapi = {
createWsColumn : function(column, id, uniqueProperties, property) {
if (wsColumn) {
return;
}
wsColumn = new classes.WsColumn(column, id, uniqueProperties, property);
var cell = $(column);
var width = cell.width();
var originalValue = cell.text();
/* Enforce the width with a style. */
cell.width(width);
cell.parent().width(width);
cell.css('overflow', 'visible');
cell.html('
');
var input = $('#wsColumnInput');
input.val(originalValue);
input.focus();
if (jQuery.browser.msie) { /* IE need a second focus */
input.focus();
}
this.wsColumnKeyEvent(cell, input, originalValue);
$('#wsColumnInput').blur(function() {
$.jmesa.validateAndSubmitWsColumn(cell, input, originalValue);
});
},
findNextCell : function(tableId, classToMatch, shiftKey) {
var divToClick = null;
var nextCell = false;
var lastCell = false;
var lastDiv = null;
var firstDiv = null;
/* identify wsColumn, wsColumnChange or wsColumnError if classToMatch startsWith wsColumn */
$('#' + tableId).find('div:[class^=' + classToMatch + ']').each(function(index, divElement) {
if (firstDiv == null){
firstDiv = divElement;
}
if (nextCell){
divToClick = divElement;
return false;
} else if (divElement.style.overflow == 'visible'){
if (shiftKey){ /* shift-tabulation ==> Precedent cell */
if (divElement == firstDiv){ /* shitf-tabulation in first cell */
lastCell = true;
} else {
divToClick = lastDiv;
return false;
}
} else { /* tabulation ==> Next cell */
nextCell = true;
}
}
lastDiv = divElement;
});
if (divToClick == null){
if (nextCell){ /* tabulation in last cell */
divToClick = firstDiv;
} else if (lastCell) { /* shitf-tabulation in first cell */
divToClick = lastDiv;
}
}
return divToClick;
},
wsColumnKeyEvent : function(cell, input, originalValue) {
var keyEvent = function(event) {
if (event.keyCode == 13 || event.keyCode == 9) { /* Press the enter or tabulation key. */
var divToClick = null;
if (event.keyCode == 9) { /* Press the tabulation key ==> search last or next cell */
divToClick = $.jmesa.findNextCell(wsColumn.id, 'wsColumn', event.shiftKey);
}
$.jmesa.validateAndSubmitWsColumn(cell, input, originalValue);
if (divToClick != null){
divToClick.onclick();
return false; /* Stop event for IE */
}
} else if (event.shiftKey && event.ctrlKey && event.keyCode == 90) { /* Ctrl+Shift+z key to get original value (undo). */
/* Get original value */
if (cell.attr('data-ov')) {
input.val(cell.attr('data-ov'));
}
}
};
/* Use keydown across all browsers as IE and Safari don't catch tabulation and Firefox doesn't catch Ctrl / Alt on keypress */
input.keydown(keyEvent);
},
submitWsCheckboxColumn : function(column, id, uniqueProperties, property) {
wsColumn = new classes.WsColumn(column, id, uniqueProperties, property);
var checked = column.checked;
var changedValue = 'unchecked';
if (checked) {
changedValue = 'checked';
}
var originalValue = 'unchecked';
if (!checked) { /* The first time the original value is the opposite. */
originalValue = 'checked';
}
$.jmesa.submitWsColumn(originalValue, changedValue);
wsColumn = null;
},
setError : function(id, em) {
errorMap[id] = em;
},
setValidator : function(id, vr) {
validatorObject[id] = vr;
},
validateAndSubmitWsColumn : function(cell, input, originalValue) {
var changedValue = input.val();
var validator = validatorObject[wsColumn.id];
var hasRules;
if (validator) {
$.each(input.rules(), function() { hasRules = true; });
}
if (changedValue != originalValue) {
if (hasRules) {
/* trigger validation */
validator.element($('#wsColumnInput'));
}
}
cell.text('');
cell.css('overflow', 'hidden');
cell.text(changedValue);
if (changedValue != originalValue) {
if (!cell.attr('data-ov')) {
/* use custom attribute to store original value */
cell.attr('data-ov', originalValue);
}
$.jmesa.submitWsColumn(originalValue, changedValue, hasRules);
}
wsColumn = null;
},
submitWsColumn : function(originalValue, changedValue, hasRules) {
/* hasRules is optional parameter and will be true only if the column has validations */
var data = '{ "id" : "' + wsColumn.id + '"';
data += ', "cp_" : "' + wsColumn.property + '"';
var props = wsColumn.uniqueProperties;
$.each(props, function(key, value) {
data += ', "up_' + key + '" : "' + value + '"';
});
data += ', "ov_" : "' + encodeURIComponent(originalValue) + '"';
data += ', "cv_" : "' + encodeURIComponent(changedValue) + '"';
var cell = $(wsColumn.column);
var errorMessage;
if (hasRules) {
if (errorMap[wsColumn.id]) {
errorMessage = errorMap[wsColumn.id][wsColumn.property];
}
} else {
errorMessage = cell.attr('data-em');
}
if (errorMessage) {
data += ', "em_" : "' + encodeURIComponent(errorMessage) + '"';
}
data += '}'
var contextPath = coreapi.getContextPath(wsColumn.id);
if (contextPath) {
contextPath += "/";
}
$.post(contextPath + 'jmesa.wrk?', eval('(' + data + ')'), function(columnStatus) {
jQuery.jmesa.updateCssClass(columnStatus, cell, errorMessage);
});
},
updateCssClass : function(columnStatus, cell, errorMessage) {
/* Column status returned from worksheet servlet */
var classNames = {
"_rm_" : 'wsColumn',
"_uu_" : 'wsColumnChange',
"_ue_" : 'wsColumnError'
};
/* Skip other editors, e.g. checkbox etc */
if (cell.attr('class').indexOf('wsColumn') == 0) {
cell.attr('class', classNames[columnStatus]);
if ('wsColumn' == classNames[columnStatus]) {
cell.removeAttr('data-ov');
}
if (errorMessage) {
/* use custom attribute to store error message */
cell.attr('data-em', errorMessage);
} else {
cell.removeAttr('data-em');
}
}
},
setTitle : function(column, e) {
var title;
var cell = $(column);
if(e.ctrlKey) {
title = cell.attr("data-ov");
} else {
title = cell.attr("data-em");
}
if(title) {
cell.attr("title", title);
} else {
cell.removeAttr("title");
}
}
}
/************* Special Effects ***********/
var effectsapi = {
addDropShadow : function(imagesPath, theme) {
if (!theme) {
theme = 'jmesa';
}
$('div.' + theme + ' .table')
.wrap("
")
.css({'background': 'url(' + imagesPath + 'shadow_back.gif) 100% repeat'});
$('.' + theme + ' div.wrap0').css({'background': 'url(' + imagesPath + 'shadow.gif) right bottom no-repeat', 'float':'left'});
$('.' + theme + ' div.wrap1').css({'background': 'url(' + imagesPath + 'shadow180.gif) no-repeat'});
$('.' + theme + ' div.wrap2').css({'background': 'url(' + imagesPath + 'corner_bl.gif) -18px 100% no-repeat'});
$('.' + theme + ' div.dropShadow').css({'background': 'url(' + imagesPath + 'corner_tr.gif) 100% -18px no-repeat'});
$('div.' + theme).append('
');
}
}
/* Put all the methods under the $.jmesa context. */
$.extend(coreapi, filterapi);
$.extend(coreapi, worksheetapi);
$.extend(coreapi, effectsapi);
$.jmesa = {};
$.extend($.jmesa, coreapi);
})(jQuery);
