widgetContainer - ウィジェットコンテナ

コンテンツをウィジェットとして編成します。

カテゴリ

拡張ライブラリ

構文

<xe:widgetContainer attributes>content</xe:widgetContainer>

表 1. 必須プロパティ
プロパティ	説明
id	デフォルトは `widgetContainer1`、`widgetContainer2` などです。
dropDownNodes	タイトルバーの `[アクション]` ドロップダウンメニューに使用するノードを指定します。
dropDownRendered	ドロップダウンメニューを表示するかどうかを指定します。デフォルトは true です。
scrollable	ウィジェットのスクロールが可能かどうかを指定します。デフォルトは false。
titleBarHref	タイトルバーのテキストを最新にし、そのターゲットを定義します。
titleBarText	タイトルバーのテキストを指定します。
titleBar	タイトルバーを表示するかどうかを指定します。デフォルトは true です。
type	コンテナのタイプとして、standard、sidebar、plain のいずれかを指定します。

表 2. すべてのプロパティ
カテゴリ	プロパティ
accessibility	accesskey、tabindex
basics	binding、dropDownNodes、dropDownRendered、id、loaded、rendered、rendererType、scrollable、titleBarHref、titleBarText
イベント	onScrollDown、onScrollUp
format	titleBar、type
styling	disableTheme、style、styleClass、themeId

例

以下の例は、いくつかのウィジェットを示し、アクセシビリティプロパティを使用します。

<xe:widgetContainer id="widgetContainer1" accesskey="a" tabindex="1" titleBarText="Title Bar">
		This widget container has a title bar.
</xe:widgetContainer>
<xe:widgetContainer id="widgetContainer2"	titleBarHref="https://www.google.com/" titleBarText="google">
		This widget container has title bar that you can click and go to.
</xe:widgetContainer>
<xe:widgetContainer id="widgetContainer3" titleBar="false">
		This widget container does not have a title bar.
</xe:widgetContainer>
<xe:widgetContainer id="widgetContainer4" type="sidebar">
		This widget goes to another page. The user clicks on
		"Actions" in the title bar and a page selection
		drops down.
		<xe:this.dropDownNodes>
			<xe:pageTreeNode label="main" page="/main.xsp"></xe:pageTreeNode>
			<xe:pageTreeNode page="/mainview.xsp" label="mainview"></xe:pageTreeNode>
		</xe:this.dropDownNodes>
</xe:widgetContainer>