![](\"images/first.gif\")
";
//Status bar text for the previous page link
var JST_DEFAULT_PREVIOUS_PAGE_DESCRIPTION = "Click here to navigate to the previous page";
//Text for the previous page link
var JST_DEFAULT_PREVIOUS_PAGE_TEXT = "![](\"images/prev.gif\")
";
//Status bar text for the next page link
var JST_DEFAULT_NEXT_PAGE_DESCRIPTION = "Click here to navigate to the next page";
//Text for the next page link
var JST_DEFAULT_NEXT_PAGE_TEXT = "![](\"images/next.gif\")
";
//Status bar text for the last page link
var JST_DEFAULT_LAST_PAGE_DESCRIPTION = "Click here to navigate to the last page";
//Text for the next last link
var JST_DEFAULT_LAST_PAGE_TEXT = "![](\"images/last.gif\")
";
//Status bar text for the show all rows link
var JST_DEFAULT_SHOW_ALL_DESCRIPTION = "Klikněte zde pro zobrazení všech řádků";
//Text for the show all rows link
var JST_DEFAULT_SHOW_ALL_TEXT = "[zobrazit vše]";
//Status bar text for the use paged results link
var JST_DEFAULT_USE_PAGING_DESCRIPTION = "Klikněte zde pro zobrazení všech řádek.";
//Text for the use paged results link
var JST_DEFAULT_USE_PAGING_TEXT = "[zobrazit po stránkách]";
//Status bar text for the go to table top link
var JST_DEFAULT_TOP_DESCRIPTION = "Click here to go to the table top";
//Text for the go to table top link
var JST_DEFAULT_TOP_TEXT = "[top]";
//Status bar text for the change page link
var JST_DEFAULT_CHANGE_PAGE_DESCRIPTION = "Click here to change the current page";
//Text prompted on the change page dialog
var JST_DEFAULT_CHANGE_PAGE_PROMPT = "Navigate to wich page?";
//Status bar text for the change page size link
var JST_DEFAULT_CHANGE_PAGE_SIZE_DESCRIPTION = "Click here to change the page size";
//Text prompted on the change page size dialog
var JST_DEFAULT_CHANGE_PAGE_SIZE_PROMPT = "How many rows per page?";
////////////// Default parsers constants
//Parser for string inputs
var JST_DEFAULT_STRING_PARSER = new StringParser();
//Parser for number inputs
var JST_DEFAULT_NUMBER_PARSER = new NumberParser(-1);
//Parser for currency inputs
var JST_DEFAULT_CURRENCY_PARSER = new NumberParser(2, ",", ".", true, "R$", true, true);
//Parser for date inputs
var JST_DEFAULT_DATE_PARSER = new DateParser("dd/MM/yyyy");
//Parser for boolean inputs
var JST_DEFAULT_BOOLEAN_PARSER = new BooleanParser(JST_DEFAULT_TRUE_LABEL, JST_DEFAULT_FALSE_LABEL);
//Parser for string encoding
var JST_DEFAULT_STRING_ENCODING_PARSER = new EscapeParser();
//Parser for number encoding
var JST_DEFAULT_NUMBER_ENCODING_PARSER = new NumberParser(-1, ".", ",", false, "$", false, false);
//Parser for currency encoding
var JST_DEFAULT_CURRENCY_ENCODING_PARSER = new NumberParser(-1, ".", ",", false, "$", false, false);
//Parser for date encoding
var JST_DEFAULT_DATE_ENCODING_PARSER = new DateParser("yyyy");
//Parser for boolean encoding
var JST_DEFAULT_BOOLEAN_ENCODING_PARSER = new BooleanParser("true", "false");
///////////////////////////////////////////////////////////////////////////////
/*
* This is the main class.
* Parameters:
* id: The name of the variable the table will be assigned to.
* A property with this name will be created in the container.
* container: The reference to the container object where the
* table will be drawed in. A valid container is an HTML Element
* that supports nested elements (DIV, TD and so on)
*/
function JavaScripTable(id, container, width, align, border, padding, spacing) {
//Property declarations
this.columns = new Array();
this.rows = new Array();
this.rowBreaks = new Array();
this.width = width || JST_DEFAULT_WIDTH;
this.align = align || JST_DEFAULT_ALIGN;
this.border = border || JST_DEFAULT_BORDER;
this.padding = padding || JST_DEFAULT_PADDING;
this.spacing = spacing || JST_DEFAULT_SPACING;
this.sortColumn = -1;
this.ascSort = true;
this.usePaging = JST_DEFAULT_USE_PAGING;
this.pageSize = JST_DEFAULT_PAGE_SIZE;
this.currentPage = 1;
this.rowFunction = null;
this.printing = false;
this.maxRows = JST_DEFAULT_MAX_ROWS;
this.showColumnHeaders = JST_DEFAULT_SHOW_COLUMN_HEADERS;
this.mapperClassName = null;
this.mapperConstructorArguments = null;
this.identifierName = null;
this.objectRowMapper = null;
this.cropRepeated = JST_DEFAULT_CROP_REPEATED;
//Highlightings
this.rowHighlighting = JST_DEFAULT_ROW_HIGHLIGHTING;
this.columnHeaderHighlighting = JST_DEFAULT_COLUMN_HEADER_HIGHLIGHTING;
//Navigation properties
this.operationMode = JST_DEFAULT_OPERATION_MODE;
this.updateTableFunction = function () {alert("The callback for table update events was not defined")};
this.rowCount = 0;
this.navigation = JST_DEFAULT_NAVIGATION;
this.allowTopLink = JST_DEFAULT_ALLOW_TOP_LINK;
this.allowChangePaging = JST_DEFAULT_ALLOW_CHANGE_PAGING;
this.allowChangePageSize = JST_DEFAULT_ALLOW_CHANGE_PAGE_SIZE;
//Selection properties
this.selectionType = JST_DEFAULT_SELECTION_TYPE;
this.selectionName = JST_DEFAULT_SELECTION_NAME;
this.selectionValign = JST_DEFAULT_SELECTION_VALIGN;
this.pageOnlySelectAll = JST_DEFAULT_PAGE_ONLY_SELECT_ALL;
//Separators
this.valueSeparator = JST_DEFAULT_VALUE_SEPARATOR;
this.columnSeparator = JST_DEFAULT_COLUMN_SEPARATOR;
this.rowSeparator = JST_DEFAULT_ROW_SEPARATOR;
//StyleSheet classes for the elements
this.tableClass = JST_DEFAULT_TABLE_CLASS;
this.headerClass = JST_DEFAULT_HEADER_CLASS;
this.footerClass = JST_DEFAULT_FOOTER_CLASS;
this.selectionControlClass = JST_DEFAULT_SELECTION_CONTROL_CLASS;
this.editControlClass = JST_DEFAULT_EDIT_CONTROL_CLASS;
this.invalidEditControlClass = JST_DEFAULT_INVALID_EDIT_CONTROL_CLASS;
this.editControlRadioCheckboxClass = JST_DEFAULT_EDIT_CONTROL_RADIO_CHECKBOX_CLASS;
this.navigationClass = JST_DEFAULT_NAVIGATION_CLASS;
this.navigationLinkClass = JST_DEFAULT_NAVIGATION_LINK_CLASS;
this.highlightedNavigationLinkClass = JST_DEFAULT_HIGHLIGHTED_NAVIGATION_LINK_CLASS;
this.columnHeaderClass = JST_DEFAULT_COLUMN_HEADER_CLASS;
this.columnHeaderTextClass = JST_DEFAULT_COLUMN_HEADER_TEXT_CLASS;
this.highlightedColumnHeaderClass = JST_DEFAULT_HIGHLIGHTED_COLUMN_HEADER_CLASS;
this.highlightedColumnHeaderTextClass = JST_DEFAULT_HIGHLIGHTED_COLUMN_HEADER_TEXT_CLASS;
this.oddRowClass = JST_DEFAULT_ODD_ROW_CLASS;
this.highlightedOddRowClass = JST_DEFAULT_HIGHLIGHTED_ODD_ROW_CLASS;
this.oddRowCellClass = JST_DEFAULT_ODD_ROW_CELL_CLASS;
this.highlightedOddRowCellClass = JST_DEFAULT_HIGHLIGHTED_ODD_ROW_CELL_CLASS;
this.oddRowTextClass = JST_DEFAULT_ODD_ROW_TEXT_CLASS;
this.oddRowTextWithFunctionClass = JST_DEFAULT_ODD_ROW_TEXT_WITH_FUNCTION_CLASS;
this.highlightedOddRowTextClass = JST_DEFAULT_HIGHLIGHTED_ODD_ROW_TEXT_CLASS;
this.highlightedOddRowTextWithFunctionClass = JST_DEFAULT_HIGHLIGHTED_ODD_ROW_TEXT_WITH_FUNCTION_CLASS;
this.evenRowClass = JST_DEFAULT_EVEN_ROW_CLASS;
this.highlightedEvenRowClass = JST_DEFAULT_HIGHLIGHTED_EVEN_ROW_CLASS;
this.evenRowCellClass = JST_DEFAULT_EVEN_ROW_CELL_CLASS;
this.highlightedEvenRowCellClass = JST_DEFAULT_HIGHLIGHTED_EVEN_ROW_CELL_CLASS;
this.evenRowTextClass = JST_DEFAULT_EVEN_ROW_TEXT_CLASS;
this.evenRowTextWithFunctionClass = JST_DEFAULT_EVEN_ROW_TEXT_WITH_FUNCTION_CLASS;
this.highlightedEvenRowTextClass = JST_DEFAULT_HIGHLIGHTED_EVEN_ROW_TEXT_CLASS;
this.highlightedEvenRowTextWithFunctionClass = JST_DEFAULT_HIGHLIGHTED_EVEN_ROW_TEXT_WITH_FUNCTION_CLASS;
//Table's texts
this.headerText = JST_DEFAULT_HEADER_TEXT;
this.footerText = JST_DEFAULT_FOOTER_TEXT;
this.emptyTableText = JST_DEFAULT_EMPTY_TABLE_TEXT;
this.waitText = JST_DEFAULT_WAIT_TEXT;
//Table's labels
this.ascLabel = JST_DEFAULT_ASC_LABEL;
this.descLabel = JST_DEFAULT_DESC_LABEL;
this.trueLabel = JST_DEFAULT_TRUE_LABEL;
this.falseLabel = JST_DEFAULT_FALSE_LABEL;
//Messages
this.invalidTableIdMessage = "The id must be set";
this.invalidTableContainerMessage = "The container object must be set, and must contain the innerHTML property";
this.tableNotInitializedMessage = "The JavaScripTable was not correctly initialized";
this.columnAddWithRowsMessage = "A column cannot be added to the table if it already contains rows";
this.invalidColumnMessage = "The specified column is invalid";
this.invalidRowMessage = "The specified row is invalid";
this.invalidRowIdMessage = "The row's identifier must be informed";
this.rowIdAlreadyInUseMessage = "The row's identifier is already in use";
this.sortMessage = JST_DEFAULT_SORT_MESSAGE;
this.singleRowText = JST_DEFAULT_SINGLE_ROW_TEXT;
this.multipleRowText = JST_DEFAULT_MULTIPLE_ROW_TEXT;
this.pageText = JST_DEFAULT_PAGE_TEXT; //Use the variables: ${current} = current page, ${total} = total pages
this.firstPageDescription = JST_DEFAULT_FIRST_PAGE_DESCRIPTION;
this.firstPageText = JST_DEFAULT_FIRST_PAGE_TEXT;
this.previousPageDescription = JST_DEFAULT_PREVIOUS_PAGE_DESCRIPTION;
this.previousPageText = JST_DEFAULT_PREVIOUS_PAGE_TEXT;
this.nextPageDescription = JST_DEFAULT_NEXT_PAGE_DESCRIPTION;
this.nextPageText = JST_DEFAULT_NEXT_PAGE_TEXT;
this.lastPageDescription = JST_DEFAULT_LAST_PAGE_DESCRIPTION;
this.lastPageText = JST_DEFAULT_LAST_PAGE_TEXT;
this.showAllDescription = JST_DEFAULT_SHOW_ALL_DESCRIPTION;
this.showAllText = JST_DEFAULT_SHOW_ALL_TEXT;
this.usePagingDescription = JST_DEFAULT_USE_PAGING_DESCRIPTION;
this.usePagingText = JST_DEFAULT_USE_PAGING_TEXT;
this.topDescription = JST_DEFAULT_TOP_DESCRIPTION;
this.topText = JST_DEFAULT_TOP_TEXT;
this.changePageDescription = JST_DEFAULT_CHANGE_PAGE_DESCRIPTION;
this.changePagePrompt = JST_DEFAULT_CHANGE_PAGE_PROMPT;
this.changePageSizeDescription = JST_DEFAULT_CHANGE_PAGE_SIZE_DESCRIPTION;
this.changePageSizePrompt = JST_DEFAULT_CHANGE_PAGE_SIZE_PROMPT;
//Parsers for data entry
this.stringParser = JST_DEFAULT_STRING_PARSER;
this.numberParser = JST_DEFAULT_NUMBER_PARSER;
this.currencyParser = JST_DEFAULT_CURRENCY_PARSER;
this.dateParser = JST_DEFAULT_DATE_PARSER;
this.booleanParser = JST_DEFAULT_BOOLEAN_PARSER;
//Parsers for data encoding
this.stringEncodingParser = JST_DEFAULT_STRING_ENCODING_PARSER;
this.numberEncodingParser = JST_DEFAULT_NUMBER_ENCODING_PARSER;
this.currencyEncodingParser = JST_DEFAULT_CURRENCY_ENCODING_PARSER;
this.dateEncodingParser = JST_DEFAULT_DATE_ENCODING_PARSER;
this.booleanEncodingParser = JST_DEFAULT_BOOLEAN_ENCODING_PARSER;
//Initializes the table
var valid = true;
if (id == null || id == "") {
alert(this.invalidTableIdMessage);
valid = false;
}
if (isInstance(container, String)) {
container = getObject(container);
}
if (container == null || container.innerHTML == null) {
alert(this.invalidTableContainerMessage);
valid = false;
}
this.id = escapeCharacters(id);
this.container = container;
this.form = null;
//Create an property on the top frame for later calling the table
top["_" + this.id + "_"] = this;
/*
* Adds the specified column to the table
*/
this.addColumn = function(column) {
if (this.rows.length > 0) {
alert(this.columnAddWithRowsMessage);
return;
}
//If the column is a String, use it as title
if (isInstance(column, String)) {
column = new Column(column);
}
//Validate the column instance
if (!(isInstance(column, Column))) {
alert(this.invalidColumnMessage);
return;
}
column.index = this.columns.length;
column.table = this;
if (column.watch) {
column.watch("index", function (prop, oldVal, newVal) { return oldVal; });
column.watch("table", function (prop, oldVal, newVal) { return oldVal; });
}
this.columns[this.columns.length] = column;
this.objectRowMapper = null;
return column;
}
/*
* Removes the column specified by the index
*/
this.removeColumn = function(index) {
var ret = this.columns[index];
this.columns.splice(index, 1);
this.objectRowMapper = null;
return ret;
}
/*
* Removes all columns from the table
*/
this.removeAllColumns = function() {
var ret = this.columns;
this.columns = new Array();
this.objectRowMapper = null;
return ret;
}
/*
* Returns the number of columns in the table
*/
this.getColumnCount = function() {
return this.columns.lenght;
}
/*
* Returns the column speficied by the index
*/
this.getColumnByIndex = function(index) {
return this.columns[index];
}
/*
* Returns the current sort column
*/
this.getSortColumn = function() {
return this.sortColumn >= 0 ? this.getColumnByIndex(this.sortColumn) : null;
}
/*
* Returns all the columns
*/
this.getAllColumns = function() {
return this.columns;
}
/*
* Returns all the visible columns
*/
this.getVisibleColumns = function() {
var ret = new Array();
for (var i = 0; i < this.columns.length; i++) {
column = this.columns[i];
if (column.visible) {
ret[ret.length] = column;
}
}
return ret;
}
/*
* Returns all the visible columns
*/
this.getVisibleColumnsArray = function() {
var array = new Array();
var row = new Array();
for (var i = 0; i < this.columns.length; i++) {
column = this.columns[i];
if (column.visible) {
row[row.length] = column;
}
if (inArray(column.index, this.rowBreaks)) {
if (row.length > 0) {
array[array.length] = row;
row = new Array();
}
}
}
if (row.length > 0) {
array[array.length] = row;
}
return array;
}
/**
* Sets the line break at the specified column.
* If no column is specified, use the break before the last one.
* If no flag is specified, use true.
*/
this.setRowBreak = function (columnIndex, flag) {
if (!isInstance(columnIndex, Number)) {
if (this.columns.length == 0) {
return;
}
columnIndex = this.columns.length - 1;
}
flag = flag || true;
var contains = inArray(columnIndex, this.rowBreaks);
if (flag && !contains) {
this.rowBreaks[this.rowBreaks.length] = columnIndex;
} else if (!flag && contains) {
this.rowBreaks = removeFromArray(this.rowBreaks, columnIndex);
}
}
/**
* Returns if the specified column has a row break.
*/
this.isRowBreak = function (columnIndex) {
if (!isInstance(columnIndex, Number)) {
return false;
}
return inArray(this.rowBreaks, columnIndex);
}
/*
* Prepare a row for the table
*/
this.prepareRow = function(row) {
//Convert the object to row if not already a row instance
if (!isInstance(row, Row)) {
var mapper = this.getObjectRowMapper();
if (mapper != null) {
row = mapper.toRow(row);
}
}
//Validate the row
if (!isInstance(row, Row)) {
alert(this.invalidRowMessage);
return null;
}
if (row.id == null) {
alert(this.invalidRowIdMessage);
return null;
}
//Ensures the values size will be, at least, the columns' size
while (row.values.length < this.columns.length) {
row.values[row.values.length] = null;
row.possibleValues[row.possibleValues.length] = new Map();
}
//Ensures the possibleValues length to be correct
while (row.possibleValues.length < row.values.length) {
row.possibleValues[row.possibleValues.length] = null;
}
row.table = this;
//Parse data if not of the expected type
for (var i = 0; i < this.columns.length; i++) {
var column = this.columns[i];
if (column.type != JST_TYPE_STRING && isInstance(row.values[i], String)) {
row.values[i] = column.getParser(row).parse(row.values[i]);
}
}
return row;
}
/*
* Adds the specified row. If refresh is set to true, re-renders the table
*/
this.addRow = function(row, refresh) {
//Check if the maximum number of rows was already reached
if ((this.maxRows >= 0) && (this.rows.length >= this.maxRows)) {
return;
}
//Prepare the row for the table
row = this.prepareRow(row);
if (row == null) {
return;
}
if (this.getRowById(row.id) != null) {
alert(this.rowIdAlreadyInUseMessage);
return null;
}
//Add the row
this.rows[this.rows.length] = row;
//Refresh the table if needed
if (booleanValue(refresh)) {
this.render();
}
return row;
}
/**
* Updates the specified row. If the row does not exist on the table, it's not modified.
* If refresh is set to true, re-renders the table
*/
this.updateRow = function(row, refresh) {
//Prepare the row for the table
row = this.prepareRow(row);
if (row == null) {
return;
}
//Update the row
for (var i = 0; i < this.rows.length; i++) {
current = this.rows[i];
if (row.id == current.id) {
this.rows[i] = row;
break;
}
}
//Refresh the table if needed
if (booleanValue(refresh)) {
this.render();
}
return row;
}
/*
* Removes the row specified by it's id. If refresh is set to true, re-renders the table
*/
this.removeRowById = function(id, refresh) {
var ret = null;
//Search the id
for (var i = 0; i < this.rows.length; i++) {
row = this.rows[i];
if (row.id == id) {
//Return the deleted row
ret = row;
this.rows.splice(i, 1);
break;
}
}
//Refresh the table if needed
if (booleanValue(refresh)) {
this.render();
}
return ret;
}
/*
* Removes selected rows from the table. If refresh is set to true, re-renders the table
*/
this.removeSelectedRows = function(refresh) {
var ret = new Array();
//Search the selected rows
var i = 0;
while (i < this.rows.length) {
var row = this.rows[i];
if (row.selected) {
ret[ret.length] = row;
this.rows.splice(i, 1);
} else {
i++;
}
}
//Refresh the table if needed
if (booleanValue(refresh)) {
this.render();
}
//Return the deleted rows
return ret;
}
/*
* Removes all rows from the table. If refresh is set to true, re-renders the table
*/
this.removeAllRows = function(refresh) {
var ret = this.rows;
this.rows = new Array();
//Refresh the table if needed
if (booleanValue(refresh)) {
this.render();
}
return ret;
}
/*
* Returns all the rows
*/
this.getAllRows = function() {
return this.rows;
}
/*
* Returns all the rows converted into objects
*/
this.getAllRowsAsObjects = function() {
return this.rowArrayToObjectArray(this.getAllRows());
}
/*
* Convert a row array to an object array
*/
this.rowArrayToObjectArray = function(rows) {
var mapper = this.getObjectRowMapper();
if (mapper == null) {
return rows;
}
var objects = new Array();
for (var i = 0; i < rows.length; i++) {
objects[i] = mapper.toObject(rows[i]);
}
return objects;
}
/*
* Returns the all the row identifiers
*/
this.getAllRowIds = function() {
var ret = new Array();
for (var i = 0; i < this.rows.length; i++) {
row = this.rows[i];
ret[ret.length] = row.id;
}
return ret;
}
/*
* Returns all the selected rows
*/
this.getSelectedRows = function() {
var ret = new Array();
for (var i = 0; i < this.rows.length; i++) {
row = this.rows[i];
if (row.selected) {
ret[ret.length] = row;
}
}
return ret;
}
/*
* Returns all selected rows converted into objects
*/
this.getSelectedRowsAsObjects = function() {
return this.rowArrayToObjectArray(this.getSelectedRows());
}
/*
* Returns the identifiers of the selected rows
*/
this.getSelectedRowIds = function() {
var ret = new Array();
for (var i = 0; i < this.rows.length; i++) {
row = this.rows[i];
if (row.selected) {
ret[ret.length] = row.id;
}
}
return ret;
}
/*
* Returns the selected row count
*/
this.getSelectedRowCount = function() {
return this.getSelectedRows().length;
}
/*
* Returns the row with the given identifier
*/
this.getRowById = function(id) {
var ret = null;
for (var i = 0; (ret == null) && (i < this.rows.length); i++) {
row = this.rows[i];
if (row.id == id) {
ret = row;
}
}
return ret;
}
/*
* Returns the row with the given identifier as an object
*/
this.getRowByIdAsObject = function(id) {
var row = this.getRowById(id);
if (row == null) {
return null;
}
return this.rowArrayToObjectArray([row])[0];
}
/*
* Gets the value of the cell from the row with the given id and
* the specified column index
*/
this.getCellValue = function(rowId, colIndex) {
var row = this.getRowById(rowId);
return row.values[colIndex];
}
/*
* Gets the formatted value of the cell from the row with the given id and
* the specified column index
*/
this.getFormattedCellValue = function(rowId, colIndex) {
var column = this.getColumnByIndex(colIndex);
if (column == null) {
alert(this.invalidColumnMessage);
return null;
}
var row = this.getRowById(rowId);
if (row == null) {
alert(this.invalidRowIdMessage);
return null;
}
return column.getParser(row).format(this.getCellValue(row.id, column.index));
}
/*
* Sets the value of the cell from the row with the given id and
* the specified column index. If refresh is set to true, re-renders the table
*/
this.setCellValue = function(rowId, colIndex, value, refresh) {
var row = this.getRowById(rowId);
row.values[colIndex] = value;
cellEditor = row.editors[colIndex];
if (cellEditor != null) {
setValue(cellEditor, value);
}
//Refresh the table if needed
if (booleanValue(refresh)) {
this.render();
}
}
/*
* Sets the formatted value of the cell from the row with the given id and
* the specified column index. If refresh is set to true, re-renders the table
*/
this.setFormattedCellValue = function(rowId, colIndex, value, refresh) {
var column = this.getColumnByIndex(colIndex);
if (column == null) {
alert(this.invalidColumnMessage);
return null;
}
var row = this.getRowById(rowId);
if (row == null) {
alert(this.invalidRowIdMessage);
return null;
}
value = column.getParser(row).parse(value);
this.setCellValue(row.id, column.index, value, refresh);
}
/*
* Encodes the data into a String. The data may be an Array or not, of
* rows or single data. Rows are encoded by their encode() method.
* Other data type is used directly. Each row or data is separated by the
* String contained in table's rowSeparator property.
* When the data is a row or an Array of rows, the columns parameter can be
* set as an Array of integers, indicating wich columns will be processed.
* The row identifier is always encoded, unless the encodeRowId parameter is
* set to false
*/
this.encode = function(data, columns, encodeRowId) {
columns = columns || null;
encodeRowId = encodeRowId || true;
//If nothing was informed, encode all table data
if (data == null) {
data = this.getAllRows();
}
//If something was informed, assume an array
if (!isInstance(data, Array)) {
data = [data];
}
var temp = new Array();
//Encode each array item
for (var i = 0; i < data.length; i++) {
var current = data[i];
temp[i] = escapeCharacters(((isInstance(current, Row)) ? current.encode(columns, encodeRowId) : current), this.rowSeparator, true);
}
//Return the single string
return temp.join(this.rowSeparator);
}
/*
* Sets the current page, re-rendering the table
*/
this.setPage = function(page) {
if (this.pageOnlySelectAll) {
for (var i = 0; i < this.rows.length; i++) {
this.rows[i].selected = false;
}
}
this.currentPage = page;
this.update();
}
/*
* Sets if the table will use paging, re-rendering it
*/
this.setUsePaging = function(flag) {
if (this.pageOnlySelectAll) {
for (var i = 0; i < this.rows.length; i++) {
this.rows[i].selected = false;
}
}
this.usePaging = flag;
this.update();
}
/*
* Sets the sort for the specified column
*/
this.setSort = function(column, asc) {
if (column == this.sortColumn) {
if (asc == null) {
this.ascSort = !this.ascSort;
} else {
this.ascSort = booleanValue(asc);
}
} else {
this.sortColumn = column;
this.ascSort = (asc == null ? true : booleanValue(asc));
}
//Sorts the array
this.rows.sort(this.sort);
this.update();
}
/*
* Sets the selection for all rows
*/
this.selectAll = function(flag) {
var firstRow, lastRow;
if (this.pageOnlySelectAll) {
if (this.operationMode == JST_CLIENT_SIDE) {
firstRow = Math.max(this.pageSize * (this.currentPage-1), 0);
lastRow = Math.min(firstRow + this.pageSize, this.rows.length);
} else {
firstRow = 0;
lastRow = Math.min(this.rows.length, this.pageSize);
}
} else {
firstRow = 0;
lastRow = this.rows.length;
}
for (var i = firstRow; i < lastRow; i++) {
var row = this.rows[i];
this.setSelection(row.id, flag);
}
}
/*
* Sets the selection for the specified row
*/
this.setSelection = function(rowId, flag) {
//If is single selection, deselect all other rows
if (this.selectionType == JST_SEL_SINGLE) {
for (var i = 0; i < this.rows.length; i++) {
this.rows[i].selected = false;
}
}
//Select the specified row
this.getRowById(rowId).selected = flag;
//Update the form control, if any
var selection = getObject(this.getSelectionName() + rowId);
if (selection != null) {
selection.checked = flag;
}
}
/*
* Returns the external table variable
*/
this.getTableVar = function() {
return "top['_" + this.id + "_']";
}
/*
* Returns the name of the variable representing the selection
*/
this.getSelectionName = function() {
return this.selectionName != null ? this.selectionName : "selection_" + this.id;
}
/*
* Returns the name of the edit control for the row / column
*/
this.getControlName = function(row, column) {
var isRadioCheckbox = inArray(column.editControl.type, [JST_CONTROL_RADIO, JST_CONTROL_CHECKBOX]);
if (column.editControl != null && column.editControl.name != null) {
var name = column.editControl.name;
if (isRadioCheckbox) {
name += "_" + row.id;
}
return name;
} else {
return "edit_" + this.id + (isRadioCheckbox ? "_" + row.id : "") + "_" + column.index;
}
}
/*
* Returns the name of the edit control for the row x column
*/
this.getControlId = function(row, column) {
return "id_edit_" + this.id + "_" + row.id + "_" + column.index;
}
//Checks for a valid input
function validateValue(value, stringValue, row, column) {
if (column.allowEmptyValue && isEmpty(stringValue)) {
return [true, null];
}
var parser = column.getParser(row);
var valid = parser.isValid(stringValue);
var validateMessage = null;
if (valid && column.validateFunction != null) {
var ret = column.validateFunction(value, column, row);
if (ret == null) {
//nothing returned
valid = true;
} else if ((ret == true) || (ret == false)) {
//ret is the validation flag
valid = ret;
} else {
//ret is a validation message
validateMessage = ret;
valid = false;
}
}
return [valid, validateMessage];
}
/*
* Updates the value from the edit control for the row x column
*/
this.updateValue = function(rowId, columnIndex) {
var column = this.getColumnByIndex(columnIndex);
var row = this.getRowById(rowId)
var parser = column.getParser(row);
var valid;
var value;
var targetControls;
var isRadioCheckbox = inArray(column.editControl.type, [JST_CONTROL_RADIO, JST_CONTROL_CHECKBOX]);
//Checkboxes and radios must be handled separatedly
if (isRadioCheckbox) {
var controls = getObject(this.getControlName(row, column));
targetControls = controls;
var stringValues = getValue(controls);
if (stringValues == null) {
stringValues = [];
} else if (!isInstance(stringValues, Array)) {
stringValues = [stringValues];
}
value = new Array(stringValues.length);
for (var i = 0; i < stringValues.length; i++) {
value[i] = parser.parse(stringValues[i]);
valid = validateValue(value[i], stringValues[i], row, column)[0];
if (!valid) break;
}
if (value.length == 0) {
value = null;
} else if (value.length == 1) {
value = value[0];
}
} else {
var control = getObject(this.getControlId(row, column));
targetControls = [control];
var stringValue = getValue(control);
value = parser.parse(stringValue);
valid = validateValue(value, stringValue, row, column)[0];
}
var className;
if (valid) {
className = isRadioCheckbox ? this.editControlRadioCheckboxClass : this.editControlClass;
row.values[column.index] = value;
} else {
className = this.invalidEditControlClass;
row.values[column.index] = null;
}
for (var i = 0; i < targetControls.length; i++) {
targetControls[i].className = className;
}
}
/*
* Finishes the editing of a field, formatting it's value
*/
this.finishEdit = function(rowId, columnIndex) {
var column = this.getColumnByIndex(columnIndex);
var row = null;
if (inArray(column.editControl.type, [JST_CONTROL_TEXT, JST_CONTROL_PASSWORD, JST_CONTROL_TEXTAREA])) {
row = this.getRowById(rowId)
var control = getObject(this.getControlId(row, column));
if (!isInstance(control, Array)) {
var parser = column.getParser(row);
var stringValue = control.value;
var value = parser.parse(stringValue);
var arr = validateValue(value, stringValue, row, column);
var valid = arr[0];
var msg = arr[1];
if (valid) {
value = parser.format(value);
setValue(control, value);
this.updateValue(rowId, columnIndex);
}
if (msg != null) {
alert(msg);
}
}
}
}
/*
* Returns the number of rows
*/
this.getRowCount = function() {
return (this.operationMode == JST_CLIENT_SIDE) ? this.rows.length : this.rowCount;
}
/*
* Returns the greatest page
*/
this.getMaxPage = function() {
return Math.ceil(this.getRowCount() / this.pageSize);
}
/*
* Returns an ObjectRowMapper for this table
*/
this.getObjectRowMapper = function() {
if (this.objectRowMapper == null && this.identifierName != null) {
this.objectRowMapper = new ObjectRowMapper();
if (this.mapperClassName != null) {
this.objectRowMapper.className = this.mapperClassName;
}
if (this.mapperConstructorArguments != null) {
this.objectRowMapper.constructorArguments = this.mapperConstructorArguments;
}
this.objectRowMapper.mapIdentifier(this.identifierName);
for (var i = 0; i < this.columns.length; i++) {
var column = this.columns[i];
this.objectRowMapper.mapProperty(column.index, column.propertyName);
}
}
return this.objectRowMapper;
}
/*
* Updates the table
*/
this.update = function() {
if (this.operationMode == JST_CLIENT_SIDE) {
this.render();
} else {
this.updateTableFunction(this);
}
}
/*
* Renders the table into the container
*/
this.render = function(firstTime) {
if (firstTime != false) {
firstTime = true;
}
//Check if the table was correctly initialized
if (!valid) {
alert(this.tableNotInitializedMessage);
return;
}
//Check if the table is empty and the empty text is set
if (((this.columns.length == 0) || (this.rows.length == 0)) && (!isEmpty(this.emptyTableText))) {
this.container.innerHTML = this.emptyTableText;
return;
}
var tableVar = this.getTableVar();
//Display the wait text
if (firstTime && !isEmpty(this.waitText)) {
this.container.innerHTML = this.waitText;
setTimeout(tableVar + ".render(false)", 10);
return;
}
var cursorPointer = "cursor:" + (document.createTextRange ? "hand" : "pointer") + ";";
var buffer = new StringBuffer(500);
var usesSelection = this.selectionType != JST_SEL_NONE && !this.printing;
var visibleColumns = this.getVisibleColumns();
var visibleColumnsArray = this.getVisibleColumnsArray();
var columnsPerRow = new Array();
var renderedColumnCount = 0;
var subRowCount = visibleColumnsArray.length;
for (var i = 0; i < visibleColumnsArray.length; i++) {
var current = visibleColumnsArray[i];
var count = 0;
for (var j = 0; j < current.length; j++) {
count += current[j].colspan;
}
columnsPerRow[i] = count;
if (count > renderedColumnCount) {
renderedColumnCount = count;
}
}
if (usesSelection) {
renderedColumnCount++;
}
var navBar = "";
var images = new Map();
var editControls = new Array();
//Gets the navigation bar code
if ((this.navigation != JST_NAV_NONE) && (!this.printing)) {
navBar = this.buildNavigation(renderedColumnCount);
}
//Determine wich rows will be visible
var firstRow, lastRow, maxPage;
if (this.usePaging) {
var maxPage = this.getMaxPage();
if (this.currentPage <= 0) {
this.currentPage = 1;
} else if (this.currentPage > maxPage) {
this.currentPage = maxPage;
}
if (this.operationMode == JST_CLIENT_SIDE) {
firstRow = Math.max(this.pageSize * (this.currentPage-1), 0);
lastRow = Math.min(firstRow + this.pageSize, this.rows.length);
} else {
firstRow = 0;
lastRow = Math.min(this.rows.length, this.pageSize);
}
} else {
firstRow = 0;
lastRow = this.rows.length;
}
//Creates an anchor above the table
buffer.append("");
//Creates the main table tag
buffer.append("| ").append(this.headerText).append(" | |
| "); if (this.selectionType == JST_SEL_SINGLE) { //Single selection: no select all control buffer.append(" "); } else { //Multiple selection: Builds the select all control buffer.append(""); } buffer.append(" | "); } //Builds the column headers for (var i = 0; i < visibleColumnsArray.length; i++) { for (var j = 0; j < visibleColumnsArray[i].length; j++) { var column = visibleColumnsArray[i][j]; if (i > 0 && j == 0) { buffer.append("|
|---|---|
| ");
//Build the text
if (isEmpty(trim(column.header))) {
buffer.append(" ");
} else {
buffer.append("");
//Apply the column specific header text style
if (column.headerTextClass != null || column.headerTextStyle != null) {
buffer.append(" | ");
}
buffer.append("|
| "); if (row.selectable) { buffer.append(""); } else { buffer.append(" "); } buffer.append(" | "); } //Renders the columns for (var j = 0; j < visibleColumnsArray.length; j++) { for (var j2 = 0; j2 < visibleColumnsArray[j].length; j2++) { if (j > 0 && j2 == 0) { subRow++; buffer.append(replaceAll(trHtml.toString(), "%subRow%", subRow)); } var column = visibleColumnsArray[j][j2]; var values = row.values[column.index]; //Ensures value is an array if (!isInstance(values, Array)) { values = [values]; } var formattedValue = ""; var useValue = true; //Check if this value must be cropped if ((this.cropRepeated || column.cropRepeated) && lastValues != null) { var oldValues = lastValues[column.index]; if (!isInstance(oldValues, Array)) { oldValues = [oldValues]; } if (arrayEquals(values, oldValues)) { useValue = false; } } if (useValue) { //Format the values var formattedValues = new Array(); var tmpFmt = new Array(); var parser = column.getParser(row); for (var k = 0; k < values.length; k++) { value = values[k]; //Format the value if (column.editable && isInstance(value, String)) { value = replaceAll(value, "&", "&"); value = replaceAll(value, "\"", """); value = replaceAll(value, "'", "'"); } formattedValues[k] = isEmpty(value) ? null : parser.format(value); if (!isEmpty(value)) { //Checks if the value is an image if ((formattedValues[k]) && (formattedValues[k].src)) { formattedValues[k] = this.handleLabel(formattedValues[k], images); } tmpFmt[tmpFmt.length] = formattedValues[k]; } } var cellEditable = (column.editable && row.editable && (isInstance(column.editControl, EditControl))); var useCellFunction = !this.printing && !cellEditable && !isEmpty(column.cellFunction) && row.useCellFunction; var cellClass = null; //Get all the values formattedValue = tmpFmt.join(this.valueSeparator + " "); } var cellClass = (even ? this.evenRowCellClass : this.oddRowCellClass); buffer.append("");
//Checks if the cell is editable
if (cellEditable) {
var controlName = this.getControlName(row, column);
var controlId = this.getControlId(row, column);
var editControl = column.editControl;
var updateFunction = this.getTableVar() + ".updateValue('" + row.id + "', " + column.index + ")";
var finishEditFunction = this.getTableVar() + ".finishEdit('" + row.id + "', " + column.index + ")";
var possibleValues = new Map();
if (isInstance(column.possibleValues, Map)) {
possibleValues.putAll(column.possibleValues);
}
if ((row.possibleValues != null) && (isInstance(row.possibleValues[column.index], Map))) {
possibleValues.putAll(row.possibleValues[column.index]);
}
formattedValue = replaceAll(formattedValue, '\\', '\\\\');
//Render the correct control
switch (editControl.type) {
case JST_CONTROL_TEXTAREA:
buffer.append("");
break;
case JST_CONTROL_SELECT:
case JST_CONTROL_SELECT_MULTIPLE:
buffer.append(" "); } else { buffer.append(" "); } } var isChecked; //Checks the true / false values if (column.type == JST_TYPE_BOOLEAN) { isChecked = values[k]; } else { isChecked = inArray(key, values); } buffer.append(""); } break; default: buffer.append(""); break; } } else { var textClass; var cellFunction = ""; //Check the cell function if (useCellFunction) { textClass = (even ? this.evenRowTextWithFunctionClass : this.oddRowTextWithFunctionClass); var funct = column.cellFunction; if (isInstance(funct, Function)) { funct = functionName(funct); } cellFunction = " style=\"" + cursorPointer + "\" onclick=\"" + funct + "('" + row.id + "', " + column.index + ", " + tableVar + ");stopPropagation(event)\""; } else { textClass = (even ? this.evenRowTextClass : this.oddRowTextClass); } //Render the table text buffer.append(""); //Apply the column specific cell text style if (column.cellTextClass != null || column.cellTextStyle != null) { buffer.append(" | ");
}
buffer.append("
| ").append(""+this.footerText+"").append(" |