An EditableTableTag references an IndexedCollection in the context hierarchy and creates an HTML table element containing the collection's contents. An input text field is created in an HTML table cell for each of the data fields contained by the IndexedCollection's inner element.
Mandatory attributes: dataNameForList
Attribute | Description | Default value |
---|---|---|
dataNameForList | Name of the IndexedCollection in the Context hierarchy. The inner data element can be a KeyedCollection or an Indexed Collection containing a data field. If the inner element is a KeyedCollection, the table has a row for each element in the collection. If a data element is read only, the table displays its value as text but not in a input text field. | |
border | Size of the border of the table | null |
cellspacing | Amount of space between table cells | null |
cellpadding | Amount of space between each table cell and the cell's contents | null |
cellBGColor | Background color of the cells | null |
cellBGColor2 | Second background color. If this is enabled, the rows in the table alternate between this color and the cellBGColor. | null |
showCaption | Whether the table displays a caption. If it does, the table uses the description of the IndexedCollection for the caption value. | yes |
showHeaders | Whether the table displays header cells | yes |
headers | Which cells are header cells. This is a list with the format of "{header1, header2, ...}". The contents of the list are used as keys to access a resource bundle. | null |
headerBGColor | Background color of the header cells | null |
headerAlignment | Alignment of the text in the header cells | null |
headerFontFace | Typeface of the text in the header cells | null |
headerFontSize | Size of the text in the header cells | null |
headerFontColor | Color of the text in the header cells | null |
fontFace | Typeface of the table text and caption | null |
fontSize | Size of the table text and caption | null |
fontColor | Color of the text and caption | null |
start | First element in the Collection to be displayed | null |
end | Last element in the Collection to be displayed | null |
colSizes | Width of each column. This is a list with the format of "{col1, col2, ...}". | null |
colAlignments | Alignment of the text in each column. This is a list with the format of "{col1, col2, ...}". | null |
skipCols | Whether to skip displaying a column. This is a list with the format of "{col1, col2, ...}". | null |
cellSize | Size of all input text fields contained in the table | null |
nonEditableColumns | Which columns do not have input text fields | null |
nonEditableRows | Which rows do not have input text fields | null |
style | Style for the table | null |
custom | Adds attributes to the input element. The following is the format of this attribute: custom="att1Name=\"att1Value\ "att2Name=\"att2Value\"..." | null |
The following is an example of using EditableTableTag:
<H1>Using the EditableTable Tag</H1> <dse:form name="f1" nextEventName="ok"> <dse:editTable dataNameForList="editablePhonesList" showCaption="no"/><br> <dse:editTable dataNameForList="editablePhonesList2" headers="{Type,Name,Available, Area Code,Number,Ext.}" colSizes="{40, , , ,80, }" colAlignments="{center,left,center,right,right,right}" nonEditableColumns="0" nonEditableRows="0" cellSize="7" end="2" style="red" skipCols="02"/><br> <dse:editTable dataNameForList="editablePhonesList2" cellBGColor="#AAEEAA" cellBGColor2="#EEEEAA" headerBGColor="#AAAAAA" headers="{Type,Name,Available,Area Code,Number,Ext.}" colSizes="{40, , , ,80, }" colAlignments="{center,left,center,right,right,right}" nonEditableColumns="0" nonEditableRows="0" cellSize="8" end="2" fontColor="navy" fontSize="-1"/><br> </dse:form>