djxDataGrid - Dojo Data Grid

Defines a grid of rows and columns.

Category

Dojo Grid Controls

Syntax

<xe:djxDataGrid attributes>content</xe:djxDataGrid>
Table 1. Essential properties
Property Description
id Defaults to djxDataGrid1, djxDataGrid2, and so on.
store JavaScript variable that identifies a Dojo data store object.
storeComponentId REST service control identifier. Supersedes store.
Table 2. All properties
Category Properties
accessibility title, waiRole, waiState
basics autoHeight, binding, dir, errorMessage, escapeHTMLInData, headerMenu, id, jsId, lang, loaded, loadingMessage, query, rendered, rendererType, rowsPerPage, selectable, selectionMode, singleClickEdit
data store, storeComponentId, updateDelay
dojo dojoAttributes, dojoType, dragRestriction, tooltip
events onBlur, onChange, onClick, onClose, onDblClick, onFocus, onHide, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseEnter, onMouseLeave, onMouseMove, onMouseOut, onMouseOver, onMouseUp, onRowClick, onRowContextMenu, onRowDblClick, onShow, onStyleRow
format initialWidth, rowSelector
styling disableTheme, style, styleClass, themeId

Usage

This control is not tested against the latest accessibility standards. The recommended accessible path is the Data Table control.

Examples

This example uses a REST service to get column values from a Domino(r)® view and presents the values in a grid with one column.
<xp:this.data>
	<xp:dominoView var="view1" viewName="subject"></xp:dominoView>
</xp:this.data>
<xp:panel>
	<xe:restService id="restService1">
		<xe:this.service>
			<xe:viewItemFileService viewName="subject" var="entry"
				defaultColumns="true" contentType="application/json">
				<xe:this.columns>
					<xe:restViewColumn columnName="subject"
						name="subject">
						<xe:this.value><![CDATA[#{javascript:return entry.getColumnValue("subject")}]]></xe:this.value>
					</xe:restViewColumn>
				</xe:this.columns>
			</xe:viewItemFileService>
		</xe:this.service>
	</xe:restService>
	<xp:br></xp:br>
	<xe:djxDataGrid id="djxDataGrid1"
		storeComponentId="restService1">
		<xe:djxDataGridColumn id="djxDataGridColumn1"
			field="subject" width="auto" editable="true">
		</xe:djxDataGridColumn>
	</xe:djxDataGrid>
</xp:panel>