djxDataGrid - Dojo データグリッド

行と列のグリッドを定義します。

カテゴリ

Dojo グリッドコントロール

構文

<xe:djxDataGrid attributes>content</xe:djxDataGrid>

表 1. 必須プロパティ
プロパティ	説明
id	デフォルトは `djxDataGrid1`、`djxDataGrid2` などです。
store	Dojo データストアオブジェクトを識別する JavaScript 変数。
storeComponentId	REST サービスコントロール ID。`store` に取って代わります。

表 2. すべてのプロパティ
カテゴリ	プロパティ
アクセシビリティ	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
イベント	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

使用法

このコントロールは、最新のアクセシビリティ標準に対してテストされていません。推奨されるアクセシビリティパスはデータ表コントロールです。

例

以下の例は、REST サービスを使用して Domino ビューから列の値を取得し、1 つの列を持つグリッドに値を表示します。

<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>