<styledList>要素 |
![]() |
ネームスペース: | http://xmlns.oracle.com/uix/ui |
派生元: | <ui:base>要素 |
グループ: | UIX Components |
要素の型: | UINode |
構文 |
![]() |
<styledList
[ listStyle="string"
]
[ selectedIndex="int"
] >
<contents> <!-- indexed children --> </contents>
<label> </label>
<separator> </separator>
</styledList>
説明 |
![]() |
<styledList>要素は、各項目の隣に黒丸、円、正方形、小文字、大文字または数字を含むリストを作成する際に使用します。styledListは、階層型のリストの作成にも使用できます。
サポートされる子 |
![]() |
子であるseparatorは、索引付けされた子の間に表示されます。sideBarまたはsideNavの最初のstyledListには、リストの索引付けされた子の間に垂直方向のスペースを入れるデフォルトのseparatorがあります。
子であるlabelは、階層型のリストに使用されます。子であるlabelは、さらに子のリストを持ち、それらが通常の索引付けされた子より外側のリストに論理的に属するものと認識されます。 子であるlabelが存在する場合、リストの索引付けされた子はインデントされます。次の例では、項目2、2-1および2-2はすべて同じリストに属し、項目2がlabelになります。
サポートされる属性 |
![]() |
selectedIndex属性は、選択されている索引付けされた子を示します。選択されている子が別のstyledListである場合、そのstyledListの子であるlabelが、選択されている子として表示されます。
listStyle属性は、レンダリングするリストのスタイルを示します。デフォルトはdiscです。オプションは次のとおりです。
例 |
![]() |
<styledList >
<separator>
<spacer height="10"/>
</separator>
<contents>
<styledItem >
<contents>
<link text="Link 1 Text"
destination="http://www.oracle.com"
/>
</contents>
</styledItem>
<styledItem>
<contents>
<link text="Link 2 Text"
destination="http://www.oracle.com" />
</contents>
</styledItem>
<styledList listStyle="decimal">
<label>
<styledItem >
<contents>
<link text="Link 3 Text"
destination="http://www.oracle.com"/>
</contents>
</styledItem>
</label>
<contents>
<styledItem>
<contents>
<link text="Link 3-1 Text"
destination="http://www.oracle.com"/>
</contents>
</styledItem>
<styledItem>
<contents>
<link text="Link 3-2 Text"
destination="http://www.oracle.com"/>
</contents>
</styledItem>
</contents>
</styledList>
<styledItem>
<contents>
<link text="Link 4 Text"
destination="http://www.oracle.com"/>
</contents>
</styledItem>
</contents>
</styledList>
属性 |
![]() |
子要素 |
![]() |
|