djxmRoundRectList - 角丸リスト

角が丸い長方形を表示します。

カテゴリ

[モバイル]

構文

<xe:djxmRoundRectList attributes>content</xe:djxmRoundRectList>

表 1. 必須プロパティ
プロパティ	説明
id	デフォルトは `djxmRoundRectList1`、`djxmRoundRectList2` などです。

表 2. すべてのプロパティ
カテゴリ	プロパティ
アクセシビリティ	title
basics	binding、dir、iconBase、iconPos、id、lang、loaded rendered、rendererType、transition
dojo	dojoAttributes、dojoType、tooltip
styling	disableTheme、style、styleClass、themeId

例

以下の例は、角丸リストを使用するモバイルページを示しています。

<xe:appPage id="appPage4" pageName="newDocumentPage"
	preload="true" resetContent="true">
	<xe:djxmHeading id="newDocumentPageHeading" label="New Document"
		back="Cancel" moveTo="viewPage">
	</xe:djxmHeading>
	<xp:panel>
	<xp:this.data>
		<xp:dominoDocument var="document1" formName="MainTopic"	computeWithForm="onsave">
		</xp:dominoDocument>
	</xp:this.data>
	<xe:tabBar id="newDocumentTabBar" barType="segmentedControl">
		<xe:tabBarButton id="tabBarButtonSubmit" label="Submit">
			<xp:eventHandler event="onclick" submit="true"
				refreshMode="complete">
				<xp:this.action>
					<xe:moveTo forceFullRefresh="true" saveDocument="true"
						targetPage="viewPage" transitionType="slide" direction="Left to Right">
					</xe:moveTo>
				</xp:this.action>
			</xp:eventHandler>
		</xe:tabBarButton>
	</xe:tabBar>
	<xe:djxmRoundRectList id="djxmRoundRectList1">
		<xp:label value="Subject: " id="labelSubject2"></xp:label>
		<xp:inputText id="inputTextSubject2" value="#{document1.Subject}"></xp:inputText>
		<xp:br />
		<xp:label value="Category: " id="labelCategory2"></xp:label>
		<xp:inputText id="inputTextCategory2" value="#{document1.NewCats}"></xp:inputText>
		<xp:br />
		<xp:inputTextarea id="inputTextareaBody" value="#{document1.Body}" cols="40" rows="10">
		</xp:inputTextarea>
	</xe:djxmRoundRectList>
	</xp:panel>
</xe:appPage>