EditableTableTag

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

Table 1. EditableTableTag attributes
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>