![](\"../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 = "Click here to show all rows";
//Text for the show all rows link
var JST_DEFAULT_SHOW_ALL_TEXT = "[show all]";
//Status bar text for the use paged results link
var JST_DEFAULT_USE_PAGING_DESCRIPTION = "Click here to show paged rows";
//Text for the use paged results link
var JST_DEFAULT_USE_PAGING_TEXT = "[show paged]";
//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("yyyyMMdd");
//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.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.useRowHighliting = JST_DEFAULT_ROW_HIGHLITING;
this.printing = false;
this.maxRows = JST_DEFAULT_MAX_ROWS;
//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;
//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.columnHeaderClass = JST_DEFAULT_COLUMN_HEADER_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.oddRowClass = JST_DEFAULT_ODD_ROW_CLASS;
this.evenRowClass = JST_DEFAULT_EVEN_ROW_CLASS;
this.highlitedRowClass = JST_DEFAULT_HIGHLITED_ROW_CLASS;
this.navigationClass = JST_DEFAULT_NAVIGATION_CLASS;
this.linkClass = JST_DEFAULT_LINK_CLASS;
//Table's texts
this.headerText = JST_DEFAULT_HEADER_TEXT;
this.footerText = JST_DEFAULT_FOOTER_TEXT;
this.emptyTableText = JST_DEFAULT_EMPTY_TABLE_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 (container == null || container.innerHTML == null) {
alert(this.invalidTableContainerMessage);
valid = false;
}
this.id = id;
this.container = container;
this.form = null;
//Creates 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 (!(column instanceof Column)) {
alert(this.invalidColumnMessage);
return;
}
column.index = this.columns.length;
column.table = this;
this.columns[this.columns.length] = column;
return column;
}
/*
* Removes the column specified by the index
*/
this.removeColumn = function(index) {
var ret = this.columns[index];
this.columns.splice(index, 1);
return ret;
}
/*
* Removes all columns from the table
*/
this.removeAllColumns = function() {
var ret = this.columns;
this.columns = new Array();
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;
}
/*
* 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;
}
//Validate the row
if (!(row instanceof Row)) {
alert(this.invalidRowMessage);
return;
}
if (row.id == null) {
alert(this.invalidRowIdMessage);
return;
}
if (this.getRowById(row.id) != null) {
alert(this.rowIdAlreadyInUseMessage);
return;
}
//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();
}
//Add the row
this.rows[this.rows.length] = row;
row.table = this;
//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 the number of rows in the table
*/
this.getRowCount = function() {
return this.rows.lenght;
}
/*
* Returns all the rows
*/
this.getAllRows = function() {
return this.rows;
}
/*
* 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 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;
}
/*
* 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) {
return this.encode(this.getAllRows());
}
//If something was informed, assume an array
if (data instanceof Row) {
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(((current instanceof 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) {
this.currentPage = page;
this.update();
}
/*
* Sets if the table will use paging, re-rendering it
*/
this.setUsePaging = function(flag) {
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) {
for (var i = 0; i < this.rows.length; i++) {
var row = this.rows[i];
this.setSelection(row.id, flag);
}
}
/*
* Sets the selection for the specified row
*/
this.setSelection = function(rowId, flag) {
this.getRowById(rowId).selected = flag;
if (this.form != null) {
var selection = this.form.elements[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) {
if (column.editControl != null && column.editControl.name != null) {
var name = column.editControl.name;
if (inArray(column.editControl.type, [JST_CONTROL_RADIO, JST_CONTROL_CHECKBOX])) {
//On radio / checkbox, the control name cannot be the same for all rows,
//or the selection logic will not work
name += "_" + row.id;
}
return name;
} else {
return "edit_" + this.id + "_" + column.index;
}
}
/*
* Returns the name of the edit control for the row x column
*/
this.getControlId = function(row, column) {
return "edit_" + this.id + "_" + row.id + "_" + column.index;
}
/*
* Updates the value from the edit control for the row x column
*/
var validateMessage = null;
this.updateValue = function(rowId, columnIndex) {
var column = this.getColumnByIndex(columnIndex);
var row = this.getRowById(rowId)
var control = getObject(this.getControlId(row, column));
var value = getValue(control);
var parser = column.getParser(row);
var parsedValue = parser.parse(value);
//Checks for a valid input
var valid = parser.isValid(value);
if (column.validateFunction != null) {
var ret = column.validateFunction(parsedValue);
validateMessage = null;
if (ret == null) {
valid = true;
} else if ((ret == true) || (ret == false)) {
valid = ret;
} else {
validateMessage = ret;
valid = false;
}
}
if (valid) {
control.className = (control.type && ((control.type == JST_CONTROL_RADIO) || (control.type == JST_CONTROL_CHECKBOX))) ? this.editControlRadioCheckboxClass : this.editControlClass;
//Check if there's multiple values
row.values[column.index] = (value == null) ? null : (value instanceof Array) ? value : parsedValue;
} else {
control.className = this.invalidEditControlClass;
row.values[column.index] = null;
}
}
/*
* Finishes the editing of a field, formatting it's value
*/
this.finishEdit = function(rowId, columnIndex) {
var column = this.getColumnByIndex(columnIndex);
if (inArray(column.editControl.type, [JST_CONTROL_TEXT, JST_CONTROL_PASSWORD, JST_CONTROL_TEXTAREA])) {
var row = this.getRowById(rowId)
var control = getObject(this.getControlId(row, column));
var parser = column.getParser(row);
var value = parser.parse(getValue(control));
if (!isEmpty(value)) {
value = parser.format(value);
}
setValue(control, value);
}
if (validateMessage != null) {
validateMessage = null;
}
}
/*
* 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);
}
/*
* 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() {
//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;
}
//Renders the table
var output = "";
var usesSelection = this.selectionType != JST_SEL_NONE && !this.printing;
var visibleColumns = this.getVisibleColumns();
var renderedColumnCount = visibleColumns.length + (usesSelection ? 1 : 0);
var tableVar = this.getTableVar();
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
output = "";
//Creates the main table tag
output += "| " + this.headerText + " | |
| " if (this.selectionType == JST_SEL_SINGLE) { //Single selection: no select all control output += " "; } else { //Multiple selection: Builds the select all control output += ""; } output += " | "; } //Builds the column headers for (var i = 0; i < visibleColumns.length; i++) { var column = visibleColumns[i]; output += ""; //Renders the header text if (isEmpty(trim(column.header))) { output += " "; } else { //Only let the user change the sorting when the table is not for printing if (column.sortable && !this.printing) { output += ""; } output += column.header; //If the sorting link was created, close it if (column.sortable && !this.printing) { output += ""; } //If the column being sorted is this, render the direction beside it if (column.sortable && this.sortColumn == i && !this.printing) { output += " "; output += this.handleLabel(((this.ascSort) ? this.ascLabel : this.descLabel), images); output += ""; } } output += " | "; } output += "
|---|---|
| ";
//Checks if the column is editable
if (column.editable && row.editable && (column.editControl instanceof EditControl)) {
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 (column.possibleValues instanceof Map) {
possibleValues.putAll(column.possibleValues);
}
if ((row.possibleValues != null) && (row.possibleValues[column.index] instanceof Map)) {
possibleValues.putAll(row.possibleValues[column.index]);
}
formattedValue = replaceAll(formattedValue, "\\", "\\\\");
//Render the correct control
switch (editControl.type) {
case JST_CONTROL_TEXTAREA:
output += "";
break;
case JST_CONTROL_SELECT:
output += ""
break;
case JST_CONTROL_RADIO:
case JST_CONTROL_CHECKBOX:
//If there were no values and is a boolean column, use the defaults
if ((possibleValues.size() == 0) && (column.type == JST_TYPE_BOOLEAN)) {
if (editControl.type == JST_CONTROL_CHECKBOX) {
possibleValues.put('true', '');
} else {
possibleValues.put('true', 'true');
possibleValues.put('false', 'false');
}
}
var entries = possibleValues.getEntries();
for (var k = 0; k < entries.length; k++) {
var key = entries[k].key;
var value = entries[k].value;
if (k > 0) {
if (editControl.multiLine) {
output += " "; } else { output += " "; } } var isChecked; //Checks the true / false values if (column.type == JST_TYPE_BOOLEAN) { isChecked = values[k]; } else { isChecked = inArray(key, values); } output += " " + (isEmpty(value) ? "" : (" " + value)) + " ";
}
break;
default:
output += "";
break;
}
} else {
//Check if there's the function
var useCellFunction = (!isEmpty(column.cellFunction) && (row.useCellFunction));
if (useCellFunction) {
output += "";
}
output += (isEmpty(formattedValue) ? " " : formattedValue);
if (useCellFunction) {
output += "";
}
}
output += " | ";
}
output += "|
| " + this.footerText + " |