値ピッカー用の選択データを指定します。
カテゴリ
basics
構文
<xe:this.treeNodes>
<xe:basicContainerNode attributes>content</xe:basicContainerNode> |
<xe:basicLeafNode attributes>content</xe:basicLeafNode> |
<xe:beanTreeNode attributes>content</xe:beanTreeNode> |
<xe:dominoViewEntriesTreeNode attributes>content</xe:dominoViewEntriesTreeNode> |
<xe:dominoViewListTreeNode attributes>content</xe:dominoViewListTreeNode> |
<xe:loginTreeNode attributes>content</xe:loginTreeNode> |
<xe:pageTreeNode attributes>content</xe:pageTreeNode> |
<xe:repeatTreeNode attributes>content</xe:repeatTreeNode> |
<xe:separatorTreeNode attributes>content</xe:separatorTreeNode> |
<xe:userTreeNode attributes>content</xe:userTreeNode>
...
</xe:this.treeNodes>
表 1. xe:basicContainerNode のプロパティ| プロパティ |
説明 |
|---|
| <xe:this.children>nodes</xe:this.children> |
<xe:this.treeNodes> と同じコンテンツを持つ子ノード。 |
| enabled="true|false" |
ノードが使用可能かどうか。 デフォルトは true です。
例えば、ノードをリンクの代わりにテキストとして表示するか、ボタンをグレー表示します。 |
| href="href" |
リンクとして使用可能な相対 URL または絶対 URL。 |
| image="name" |
ノードによって表示されるイメージの名前。 |
| imageAlt="text" |
イメージが表示できない場合に表示する代替テキスト。 |
| imageHeight="50%|30px|10em|2cm|auto|inherit" |
イメージの高さ。 |
| imageWidth="50%|30px|10em|2cm|auto|inherit" |
イメージの幅。 |
| label="text" |
ノードによって表示されるテキスト。 |
| loaded="true|false" |
ページのロード時に、タグインスタンスを作成するかどうか。 デフォルトは true です。 |
| onClick="script" |
ノードがクリックされて href が空の場合に実行されるスクリプト。 |
| rendered="true|false" |
レンダリングされたページにノードを表示するかどうか。 |
| role="text" |
ノードの目的を判別するために支援機能が使用できるテキスト。 |
| selected="true|false" |
ノードのロード時に、ノードを選択済みとして表示するかどうか。 |
| submitValue="text" |
このノードが選択された場合に、親コントロールによって送信される値。 送信された値を参照するには、events.action 領域の context.getSubmittedValue、events.script 領域の XSP.getSubmitValue() を使用します。 |
| transparent="true|false" |
ノードがその子をノードとして表示するかどうか。 |
| title="text" |
支援機能の推奨タイトル。 |
| style="style(s)" |
適用される CSS スタイル。 |
| styleClass="class(es)" |
適用される CSS スタイルクラス。 |
表 2. xe:basicLeafNode のプロパティ| プロパティ |
説明 |
|---|
| enabled="true|false" |
ノードが使用可能かどうか。 デフォルトは true です。
例えば、ノードをリンクの代わりにテキストとして表示するか、ボタンをグレー表示します。 |
| href="href" |
リンクとして使用可能な相対 URL または絶対 URL。 |
| image="name" |
ノードによって表示されるイメージの名前。 |
| imageAlt="text" |
イメージが表示できない場合に表示する代替テキスト。 |
| imageHeight="50%|30px|10em|2cm|auto|inherit" |
イメージの高さ。 |
| imageWidth="50%|30px|10em|2cm|auto|inherit" |
イメージの幅。 |
| label="text" |
ノードによって表示されるテキスト。 |
| loaded="true|false" |
ページのロード時に、タグインスタンスを作成するかどうか。 デフォルトは true です。 |
| onClick="script" |
ノードがクリックされて href が空の場合に実行されるスクリプト。 |
| rendered="true|false" |
レンダリングされたページにノードを表示するかどうか。 |
| role="text" |
ノードの目的を判別するために支援機能が使用できるテキスト。 |
| selected="true|false" |
ノードのロード時に、ノードを選択済みとして表示するかどうか。 |
| submitValue="text" |
このノードが選択された場合に、親コントロールによって送信される値。 送信された値を参照するには、events.action 領域の context.getSubmittedValue、events.script 領域の XSP.getSubmitValue() を使用します。 |
| transparent="true|false" |
ノードがその子をノードとして表示するかどうか。 |
| title="text" |
支援機能の推奨タイトル。 |
| style="style(s)" |
適用される CSS スタイル。 |
| styleClass="class(es)" |
適用される CSS スタイルクラス。 |
表 3. xe:beanTreeNode のプロパティ| プロパティ |
説明 |
|---|
| loaded="true|false" |
ページのロード時に、タグインスタンスを作成するかどうか。 デフォルトは true です。 |
| nodeBean="name" |
ノードまたはノードリストを提供するクラスまたは管理 Bean の名前。ITreeNode インターフェースを実装する必要があります。 |
表 4. xe:dominoViewEntriesTreeNode のプロパティ| プロパティ |
説明 |
|---|
| databaseName="name" |
Domino データベースの名前。 |
| enabled="true|false" |
ノードが使用可能かどうか。 デフォルトは true です。
例えば、ノードをリンクの代わりにテキストとして表示するか、ボタンをグレー表示します。 |
| href="href" |
リンクとして使用可能な相対 URL または絶対 URL。 |
| image="name" |
ノードによって表示されるイメージの名前。 |
| imageAlt="text" |
イメージが表示できない場合に表示する代替テキスト。 |
| imageHeight="50%|30px|10em|2cm|auto|inherit" |
イメージの高さ。 |
| imageWidth="50%|30px|10em|2cm|auto|inherit" |
イメージの幅。 |
| keys="keys" |
getAllDocumentsByKey と同様に、ソートされた列の値に基づいてビューをフィルタリングするキーまたはキー配列。 |
| keysExactMatch="true|false" |
キーが完全一致を必要とするかどうか。デフォルトは部分一致です。 |
| label="text" |
ノードによって表示されるテキスト。 |
| labelColumn="name" |
ノードラベルとして表示するビューの列名。 |
| loaded="true|false" |
ページのロード時に、タグインスタンスを作成するかどうか。 デフォルトは true です。 |
| onClick="script" |
ノードがクリックされて href が空の場合に実行されるスクリプト。 |
| rendered="true|false" |
レンダリングされたページにノードを表示するかどうか。 |
| role="text" |
ノードの目的を判別するために支援機能が使用できるテキスト。 |
| selected="true|false" |
ノードのロード時に、ノードを選択済みとして表示するかどうか。 |
| submitValue="text" |
このノードが選択された場合に、親コントロールによって送信される値。 送信された値を参照するには、events.action 領域の context.getSubmittedValue、events.script 領域の XSP.getSubmitValue() を使用します。 |
| title="text" |
支援機能の推奨タイトル。 |
| var="name" |
ビューのエントリオブジェクトが使用可能になっている request スコープ変数の名前。 |
| viewName="name" |
Domino ビューの名前。 |
| style="style(s)" |
適用される CSS スタイル。 |
| styleClass="class(es)" |
適用される CSS スタイルクラス。 |
表 5. xe:dominoViewListTreeNode のプロパティ| プロパティ |
説明 |
|---|
| databaseName="name" |
Domino データベースの名前。 |
| enabled="true|false" |
ノードが使用可能かどうか。 デフォルトは true です。
例えば、ノードをリンクの代わりにテキストとして表示するか、ボタンをグレー表示します。 |
| filter="regexp" |
表示するビュー名またはフォルダ名をフィルタリングするための正規表現。 |
| folders="true|false" |
フォルダを処理するかどうか。デフォルトは true です。 |
| href="href" |
リンクとして使用可能な相対 URL または絶対 URL。 |
| image="name" |
ノードによって表示されるイメージの名前。 |
| imageAlt="text" |
イメージが表示できない場合に表示する代替テキスト。 |
| imageHeight="50%|30px|10em|2cm|auto|inherit" |
イメージの高さ。 |
| imageWidth="50%|30px|10em|2cm|auto|inherit" |
イメージの幅。 |
| label="text" |
ノードによって表示されるテキスト。 |
| loaded="true|false" |
ページのロード時に、タグインスタンスを作成するかどうか。 デフォルトは true です。 |
| onClick="script" |
ノードがクリックされて href が空の場合に実行されるスクリプト。 |
| rendered="true|false" |
レンダリングされたページにノードを表示するかどうか。 |
| role="text" |
ノードの目的を判別するために支援機能が使用できるテキスト。 |
| selected="true|false" |
ノードのロード時に、ノードを選択済みとして表示するかどうか。 |
| submitValue="text" |
このノードが選択された場合に、親コントロールによって送信される値。 送信された値を参照するには、events.action 領域の context.getSubmittedValue、events.script 領域の XSP.getSubmitValue() を使用します。 |
| title="text" |
支援機能の推奨タイトル。 |
| var="name" |
ビューのエントリオブジェクトが使用可能になっている request スコープ変数の名前。 |
| views="true|false" |
ビューを処理するかどうか。デフォルトは true です。 |
| style="style(s)" |
適用される CSS スタイル。 |
| styleClass="class(es)" |
適用される CSS スタイルクラス。 |
表 6. xe:loginTreeNode のプロパティ| プロパティ |
説明 |
|---|
| enabled="true|false" |
ノードが使用可能かどうか。 デフォルトは true です。
例えば、ノードをリンクの代わりにテキストとして表示するか、ボタンをグレー表示します。 |
| image="name" |
ノードによって表示されるイメージの名前。 |
| imageAlt="text" |
イメージが表示できない場合に表示する代替テキスト。 |
| imageHeight="50%|30px|10em|2cm|auto|inherit" |
イメージの高さ。 |
| imageWidth="50%|30px|10em|2cm|auto|inherit" |
イメージの幅。 |
| label="text" |
ノードによって表示されるテキスト。 |
| loaded="true|false" |
ページのロード時に、タグインスタンスを作成するかどうか。 デフォルトは true です。 |
| rendered="true|false" |
レンダリングされたページにノードを表示するかどうか。 |
| role="text" |
ノードの目的を判別するために支援機能が使用できるテキスト。 |
| selected="true|false" |
ノードのロード時に、ノードを選択済みとして表示するかどうか。 |
| title="text" |
支援機能の推奨タイトル。 |
| style="style(s)" |
適用される CSS スタイル。 |
| styleClass="class(es)" |
適用される CSS スタイルクラス。 |
表 7. xe:pageTreeNode のプロパティ| プロパティ |
説明 |
|---|
| <xe:this.children>nodes</xe:this.children> |
<xe:this.treeNodes> と同じコンテンツを持つ子ノード。 |
| enabled="true|false" |
ノードが使用可能かどうか。 デフォルトは true です。
例えば、ノードをリンクの代わりにテキストとして表示するか、ボタンをグレー表示します。 |
| image="name" |
ノードによって表示されるイメージの名前。 |
| imageAlt="text" |
イメージが表示できない場合に表示する代替テキスト。 |
| imageHeight="50%|30px|10em|2cm|auto|inherit" |
イメージの高さ。 |
| imageWidth="50%|30px|10em|2cm|auto|inherit" |
イメージの幅。 |
| label="text" |
ノードによって表示されるテキスト。 |
| loaded="true|false" |
ページのロード時に、タグインスタンスを作成するかどうか。 デフォルトは true です。 |
| pageName="name" |
XPage の名前。選択式がない場合に、リンクを生成し、選択フラグを設定します。 |
| queryString="text" |
URL に付加される照会ストリング。 |
| rendered="true|false" |
レンダリングされたページにノードを表示するかどうか。 |
| role="text" |
ノードの目的を判別するために支援機能が使用できるテキスト。 |
| selected="true|false" |
ノードのロード時に、ノードを選択済みとして表示するかどうか。 |
| selection="regexp" |
項目を選択するための正規表現。 |
| title="text" |
支援機能の推奨タイトル。 |
| style="style(s)" |
適用される CSS スタイル。 |
| styleClass="class(es)" |
適用される CSS スタイルクラス。 |
表 8. xe:repeatTreeNode のプロパティ| プロパティ |
説明 |
|---|
| <xe:this.children>nodes</xe:this.children> |
<xe:this.treeNodes> と同じコンテンツを持つ子ノード。 |
| indexVar="name" |
現在の繰り返し索引が使用可能な request スコープ変数名。 |
| loaded="true|false" |
ページのロード時に、タグインスタンスを作成するかどうか。 デフォルトは true です。 |
| value="text" |
項目の繰り返しの上限値。 |
| var="name" |
現在のオブジェクトが使用可能になっている request スコープ変数名。 |
| style="style(s)" |
適用される CSS スタイル。 |
| styleClass="class(es)" |
適用される CSS スタイルクラス。 |
表 9. xe:separatorTreeNode のプロパティ| プロパティ |
説明 |
|---|
| loaded="true|false" |
ページのロード時に、タグインスタンスを作成するかどうか。 デフォルトは true です。 |
| rendered="true|false" |
レンダリングされたページにノードを表示するかどうか。 |
| style="style(s)" |
適用される CSS スタイル。 |
| styleClass="class(es)" |
適用される CSS スタイルクラス。 |
表 10. xe:userTreeNode のプロパティ| プロパティ |
説明 |
|---|
| enabled="true|false" |
ノードが使用可能かどうか。 デフォルトは true です。
例えば、ノードをリンクの代わりにテキストとして表示するか、ボタンをグレー表示します。 |
| image="name" |
ノードによって表示されるイメージの名前。 |
| imageAlt="text" |
イメージが表示できない場合に表示する代替テキスト。 |
| imageHeight="50%|30px|10em|2cm|auto|inherit" |
イメージの高さ。 |
| imageWidth="50%|30px|10em|2cm|auto|inherit" |
イメージの幅。 |
| label="text" |
ノードによって表示されるテキスト。 |
| loaded="true|false" |
ページのロード時に、タグインスタンスを作成するかどうか。 デフォルトは true です。 |
| rendered="true|false" |
レンダリングされたページにノードを表示するかどうか。 |
| role="text" |
ノードの目的を判別するために支援機能が使用できるテキスト。 |
| selected="true|false" |
ノードのロード時に、ノードを選択済みとして表示するかどうか。 |
| title="text" |
支援機能の推奨タイトル。 |
| userField="name" |
ユーザーデータを表示するフィールドの名前。
データプロバイダに依存します。デフォルトは displayName です。
Domino の場合は、commonName、abbreviatedName、canonicalName などを使用できます。 |
| style="style(s)" |
適用される CSS スタイル。 |
| styleClass="class(es)" |
適用される CSS スタイルクラス。 |
使用法
設計モードで、[すべてのプロパティ] を
クリックし、[basics] の下で [treeNodes] を
探します。
例
以下のアコーディオンコントロールには 3 つのコンテナノードがあり、各コンテナノードには 3 つのリーフノードがあります。ユーザーがコンテナノードをクリックすると、そのノードが展開されます。リーフノードをクリックすると、送信されたリーフノードの値が計算結果フィールドに表示されます。
<xp:label value="Submitted value: " id="label1"></xp:label>
<xp:text escape="true" id="computedField1"
value="#{requestScope.svalue}" style="font-weight:bold">
</xp:text>
<xe:accordion id="accordion1" style="width:400px; height:144px;">
<xe:this.treeNodes>
<xe:basicContainerNode label="Container one">
<xe:this.children>
<xe:basicLeafNode
submitValue="Container one, choice one" label="Choice one">
</xe:basicLeafNode>
<xe:basicLeafNode
submitValue="Container one, choice two" label="Choice two">
</xe:basicLeafNode>
<xe:basicLeafNode
submitValue="Container one, choice three" label="Choice three">
</xe:basicLeafNode>
</xe:this.children>
</xe:basicContainerNode>
<xe:basicContainerNode label="Container two">
<xe:this.children>
<xe:basicLeafNode
submitValue="Container two, choice one" label="Choice one">
</xe:basicLeafNode>
<xe:basicLeafNode
submitValue="Container two, choice two" label="Choice two">
</xe:basicLeafNode>
<xe:basicLeafNode
submitValue="Container two, choice three" label="Choice three">
</xe:basicLeafNode>
</xe:this.children>
</xe:basicContainerNode>
<xe:basicContainerNode label="Container three">
<xe:this.children>
<xe:basicLeafNode
submitValue="Container three, choice one" label="Choice one">
</xe:basicLeafNode>
<xe:basicLeafNode
submitValue="Container three, choice two" label="Choice two">
</xe:basicLeafNode>
<xe:basicLeafNode
submitValue="Container three, choice three" label="Choice three">
</xe:basicLeafNode>
</xe:this.children>
</xe:basicContainerNode>
</xe:this.treeNodes>
<xp:eventHandler event="onItemClick" submit="true"
refreshMode="partial" refreshId="computedField1">
<xe:this.action>
<![CDATA[#{javascript:requestScope.svalue = context.getSubmittedValue()}]]>
</xe:this.action>
</xp:eventHandler>
</xe:accordion>