TIF_E41200642/public/dist/js/plugins/numeric-input-example.js

52 lines
1.5 KiB
JavaScript

/* global $ */
/* this is an example for validation and change events */
$.fn.numericInputExample = function () {
"use strict";
var element = $(this),
footer = element.find("tfoot tr"),
dataRows = element.find("tbody tr"),
initialTotal = function () {
var column, total;
for (column = 1; column < footer.children(); column++) {
total = 0;
dataRows.each(function () {
var row = $(this);
total += parseFloat(row.children().eq(column).text());
});
footer.children().eq(column).text(total);
}
};
element
.find("td")
.on("change", function (evt) {
var cell = $(this),
column = cell.index(),
total = 0;
if (column === 0) {
return;
}
element.find("tbody tr").each(function () {
var row = $(this);
total += parseFloat(row.children().eq(column).text());
});
if (column === 1 && total > 5000) {
$(".alert").show();
return false; // changes can be rejected
} else {
$(".alert").hide();
footer.children().eq(column).text(total);
}
})
.on("validate", function (evt, value) {
var cell = $(this),
column = cell.index();
if (column === 0) {
return !!value && value.trim().length > 0;
} else {
return !isNaN(parseFloat(value)) && isFinite(value);
}
});
initialTotal();
return this;
};