toolbar - ツールバー

ユーザーがクリックできるオプションの横並びリストを表示します。

カテゴリ

拡張ライブラリ

構文

<xe:toolbar attributes>content</xe:toolbar>

表 1. 必須プロパティ
プロパティ	説明
id	デフォルトは `toolbar1`、`toolbar2` などです。
treeNodes	リスト対象のノードを指定します。
showButtonLabels	リストラベルが表示されるかどうかを指定します。デフォルトは true です。
onItemClick	ユーザーが選択した値を `context.getSubmittedValue()` を使用して取得するには、このイベントを使用します。

表 2. すべてのプロパティ
カテゴリ	プロパティ
basics	binding、id、loaded、rendered、showButtonLabels、rendererType、treeNodes
イベント	onItemClick
styling	disableTheme、style、styleClass、themeId

使用法

このコントロールは、最新のアクセシビリティ標準に対してテストされていません。推奨されるアクセシビリティパスは、コアコントロールを使用して期待する効果を得ることです。

例

以下のツールバーは、他の 2 つのページへのリンクを示します。

<xe:toolbar id="toolbar1">
	<xe:this.treeNodes>
		<xe:pageTreeNode page="/main.xsp" label="go to main page"></xe:pageTreeNode>
		<xe:pageTreeNode page="/mainview.xsp" label="go to mainview page"></xe:pageTreeNode>
	</xe:this.treeNodes>
</xe:toolbar>