This component draws an HTML table based on the contents
of a query. This can either be a pre-built class query or
an SQL statement.
The is a base class that provides the underlying mechanisms used by more complex table panes.
If set, this indicates that this system component should be placed in the given "module". A module is a grouping of components within the same class package that share common include (js or css) files. Note that certain root classes are implicitly placed within the "core" module.
Classes outside of the Zen library should not set this, they should use the
If true and multiSelect is false, then clicking on the selected row un-selects it.
If true (the default) then the query associated with this tablePane will be executed when the table is first displayed. Otherwise the tablePane will execute the query on demand.
If true, then the user can select multiple rows within the table. An extra column, containing checkboxes, will be displayed to indicate which rows are selected.
ondblclick event handler: This event is fired when a row is double-clicked.
Class to be appended to the class name of the row when the user moves his/her mouse over the row.
onmultiselect event handler: This event is fired the user changes the set of multiply-selected rows.
onselectrow event handler: This event is fired when a new row is selected. This event is passed a variable, which, which indicates how the row was selected: "", "click" or "keypress".
onunselectrow event handler: This event is fired when the currently selected row is unselected.
If true, then the user can select a row within the table.
Index (row number) of current selected row (0 based).
For multi-select tables, this is the set of which rows are selected.
The value of this property is a csv-list of values corresponding to which row is selected.
For selected items the list contains the current user-defined logical value for the row (as specified by the
For unselected items the list contains an empty string.
If true, then row numbers are displayed.
If true, then a column indicating the selected row is displayed.
If true, then display rows using alternating colors.
Logical value of current selected row within the table. Do not access this directly; use getProperty('value') instead.
Draw innerHTML for this component (without enclosing div).
Draw the table.
Client-side method to input focus to this control. Implemented by subclasses.
Client-side method to return the logical value associated with this table.
For multi-select table, test if a given row (0-based) is selected.
Handler for onmouseover and onmouseout events for a given row. The handler only takes action if
onmouseoverClassis specified, and adds the value of this property to the current value for the row's class.
For multi-select tables, mark all (visible) rows as selected or unselected depending on the value of flag.
For multi-select tables, select or unselect the given row (0-based) depending on the value of flag. Updates the corresponding checkbox.
Client-side method to select the given row (0-based) in the table. If scroll is true, scroll the new row into view. If which is present, it is passed along to the user event notification.
Set the value of a named property.
Assume that subclasses that simply wrap HTML controls have named the control 'control' or else have overridden this method.