breadCrumbs - 階層リンク

ロケーションのリストを表示します。

カテゴリ

拡張ライブラリ

構文

<xe:breadCrumbs attributes>content</xe:breadCrumbs>

表 1. 必須プロパティ
プロパティ	説明
id	デフォルトは `breadCrumbs1`、`breadCrumbs2` などです。
label	リストの前に付くテキストを指定します。
treeNodes	リスト対象のノードを指定します。

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

使用法

ラベルはリストの前に付きます。リストノードは、より大記号 (>) で区切られます。

ホームページから現在のページまで移動するロケーションの階層を指定する際に使用します。

例

以下の例は、You are here: Main View > Main Form > Bread Crumb Demo を表示します。ここで、Main View と Main Form はリンクです。

<xe:breadCrumbs id="breadCrumbs1" label="You are here: ">
	<xe:this.treeNodes>
		<xe:pageTreeNode page="/mainview.xsp" label="Main View"></xe:pageTreeNode>
		<xe:pageTreeNode page="/main.xsp" label="Main Form"></xe:pageTreeNode>
		<xe:pageTreeNode page="/breadcrumb.xsp" label="Bread Crumb Demo"></xe:pageTreeNode>
	</xe:this.treeNodes>
</xe:breadCrumbs>