dataTable - 데이터 테이블

데이터 소스와 연관된 행과 열로 배열된 셀을 포함합니다. 각 셀에는 다른 제어(테이블 포함) 및 텍스트가 있을 수 있습니다.

카테고리

컨테이너 제어

구문

<xp:dataTable attributes>
	<xp:column attributes>content	</xp:column>
	...
</xp:dataTable>

표 1. 필수 특성
특성	설명
id	(`dataTable`) 기본값 `dataTable1`, `dataTable2` 등을 지정합니다. (`column`) 기본값 `column1`, `column2` 등을 지정합니다.
value	(`dataTable`) 일반적으로 데이터 바인딩은 요소 콜렉션에 대한 것입니다(예: `NotesDocumentCollection` 오브젝트).
var	(`dataTable`) 일반적으로 이 변수는 바인드된 데이터 콜렉션의 한 멤버를 참조합니다(예: `NotesDocumentCollection` 오브젝트에 대한 바인딩인 경우 `NotesDocument` 오브젝트).

표 2. 모든 특성(dataTable)
카테고리	특성
내게 필요한 옵션	caption, role, summary, title
기본사항	attrs, binding, dir, disabled, id, lang, loaded, partialExecute, partialRefresh, refreshId, rendered, rendererType, rules
데이터	data, first, indexVar, rows, value, var
이벤트	onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup
형식	bgcolor, border, cellpadding, cellspacing, frame, showUnreadMarks, width
스타일	captionStyleClass, columnClasses, disableTheme, footerClass, headerClass, readMarksClass, rowClasses, style, styleClass, themeId, unreadMarksClass

표 3. 모든 특성(column)
카테고리	특성
내게 필요한 옵션	role
기본사항	binding, id, loaded, rendered, rendererType
스타일	disableTheme, style, styleClass, themeId

페이저

페이저를 포함하는 패싯 영역은 디자인 스펙에 따라 테이블의 일부입니다. 패싯 영역 내에서 작업하려면 소스 모드를 사용하십시오.

다음은 페이저 제어에 대한 샘플 패싯입니다.

	<xp:this.facets>
	<xp:pager partialRefresh="true" layout="Previous Group Next"
		xp:key="header" id="pager1">
	</xp:pager>
</xp:this.facets>

특성 아래의 표시 탭에 있는 다음 상자는 다음과 같은 패싯 컨텐츠에 영향을 미칩니다.

헤더에 페이저 표시(기본적으로 지워짐)는 header 키의 pager 제어를 생성합니다. 이 상자가 지워져 있으면 패싯 영역이 생성되지 않습니다.
푸터에 페이저 표시(기본적으로 지워짐)는 footer 키의 pager 제어를 생성합니다.

사용법

런타임 시, 페이지에 데이터 테이블이 표시됩니다. 사용자는 테이블에서 한 번에 하나의 셀에 액세스할 수 있습니다.

데이터 테이블을 작성한 후에는 행과 열을 추가하고 삭제할 수 있습니다.

각 열의 컨텐츠는 테이블의 헤더, 가운데 및 푸터 행을 나타내는 하나, 둘 또는 세 개의 값입니다. 가운데 행은 데이터 소스의 요소 수에 따라 변하는 행 수로 렌더링됩니다.

Domino® 보기의 경우 카테고리, 총계, 응답 문서 및 정렬 등의 기능은 View 제어를 선호합니다. View 제어는 해당 소스 Domino 보기의 기능을 통합합니다.

View 제어의 기능보다 많은 기능이 필요한 경우 이 제어를 사용하십시오. 이 제어를 사용하면 사용자가 열 내에서 편집할 수 있지만 View 제어는 그렇지 않습니다. 이 제어를 사용하면 선택하는 기타 제어(예: 이미지)를 임베드하여 바인드할 수 있지만 View 제어는 소스 Domino 보기의 디자인에 의해 제한됩니다.

예제

이 데이터 테이블에는 현재 데이터베이스에 있는 모든 문서의 subject 및 fruit 항목이 표시됩니다.

<xp:dataTable id="dataTable1" rows="30"
	value="#{javascript:return database.getAllDocuments()}" var="rowdoc">
	<xp:column id="column1">
	<xp:this.facets>
			<xp:label value="subject" id="label1" xp:key="header" style="font-weight:bold"></xp:label>
	</xp:this.facets>
		<xp:text escape="true" id="computedField1"><xp:this.value>
			<![CDATA[#{javascript:return rowdoc.getItemValueString("subject")}]]>
		</xp:this.value>	</xp:text>
	</xp:column>
	<xp:column id="column2">
	<xp:this.facets>
			<xp:label value="fruit" id="label2" xp:key="header" style="font-weight:bold"></xp:label>
	</xp:this.facets>
		<xp:text escape="true" id="computedField2"><xp:this.value>
			<![CDATA[#{javascript:return rowdoc.getItemValueString("fruit")}]]>
		</xp:this.value></xp:text>
	</xp:column>
</xp:dataTable>

추가 문서 | 상표 |