XPagesにおける日付/時刻型データの取り扱いXPagesで日付時刻型のデータを取り扱う方法及び注意点について記述します。Library「Accordion」の利用方法について記述する。Pane」の利用方法について記述する。アプリケーションを円滑に作成するためのコントロールがいくつも追加されました。Cloud)コントロールの設定方法について説明します。Library「Accordion」の利用方法について記述する。Library「Accordion」の利用方法について記述する。「Accordion」とは「Accordion」を使うと、アコーディオンメニューと呼ばれる、コンテンツ内を開閉するメニューを実装することが出来る。Pane」というコントロールが存在する。それぞれの違いは下記の通り。Containerアコーディオンメニューの本体。単体で動作する事は出来ない。Paneを使って設定する。Paneアコーディオンメニューのコンテンツ部分。単体で動作する事は出来ない。これに他のコントロールを埋め込むことで、多彩なアコーディオンメニューを実現出来る。Accordion単体でアコーディオンメニューが実現できる。アコーディオンメニューのコンテンツは決められたものしか設定できない。Library]にある「Accordion」をドラッグ&ドロップする。後述するAccordionのプロパティ一覧に従って、プロパティを設定する。2.「treeNode」の設定アコーディオンメニューのコンテンツとなるtreeNodeを設定する(通常は、basicContainerを設定するのが簡単でよい)。Accordionコントロールのプロパティビューで、「すべてのプロパティ」タブを表示する。treeNodesの箇所にある[+]をクリックして、子ノードを選択する。後述する各treeNodeのプロパティ一覧に従って、プロパティを設定する(treeNodeは、表示させたいコンテンツの数だけ追加する必要がある)。この子ノードは、アコーディオンメニューのタイトル部分を表すもので、コンテンツ自体ではない。コンテンツを設定するには、treeNodeのプロパティにあるchildrenプロパティにtreeNodeを設定する必要がある(treeNodeの種類によっては、このchildrenプロパティが存在しないものもある)。XPageを保存する。ブラウザで動作確認をする。Accordionのプロパティ一覧カテゴリプロパティ説明イベントonItemClickスタイルdisableThemestyleAccordionのスタイルstyleClassAccordionのスタイルを設定したCSSクラスthemeId基本bindingidコントロール識別用のIDloadedrenderedrendereTypetreeNodesアコーディオンメニューとして表示するコンテンツを設定する。設定できるコンテンツは、basicContainerNode、basicLeafNode、beanTreeNode、dominoViewEntriesTreeNode、dominoViewListTreeNode、loginTreeNode、pageTreeNode、repeatTreeNode、separatorTreeNode、userTreeNodeの10種類が存在する。各コンテンツの詳細は、後述する。treeNodesに設定できる子Nodeのプロパティ一覧basicContainerNodeカテゴリプロパティ説明childrenアコーディオンメニューとして表示するコンテンツを設定する。separatorTreeNode、userTreeNodeの10種類が存在する。enabledコンテンツの有効/無効を決める。falseにした場合、コンテンツのhrefが無効となり、クリックできなくなる。childrenとして設定した場合に有効になる。hrefコンテンツをクリックした際の移動先のURLを設定する。childrenとして設定した場合に有効になる。imageコンテンツの左側にイメージを指定したイメージを配置できる。childrenとして設定した場合に有効になる。imageAltイメージ(imageに設定したもの)が表示できなかった場合に表示する文字列を設定できる。childrenとして設定した場合に有効になる。imageHeightイメージの高さを設定できる。childrenとして設定した場合に有効になる。imageWidthイメージの幅を設定できる。childrenとして設定した場合に有効になる。labelアコーディオンメニューのタイトル、もしくはコンテンツのラベルを設定する。loadedonClickコンテンツをクリックしたときのイベントをクライアントサイドのJavaScriptとして記述する。renderedroleselectedページが開いた時にメニューが開いた状態にするかどうかを選択できる。trueにするとメニューが開いた状態になる。複数のメニューでtrueを設定すると、trueになっている一番上のメニューが有効になる。submitValuetransparentスタイルstylestyleClassbasicLeafNodeカテゴリプロパティ説明enabledコンテンツの有効/無効を決める。falseにした場合、コンテンツのhrefが無効となり、クリックできなくなる。childrenとして設定した場合に有効になる。hrefコンテンツをクリックした際の移動先のURLを設定する。childrenとして設定した場合に有効になる。imageコンテンツの左側にイメージを指定したイメージを配置できる。childrenとして設定した場合に有効になる。imageAltイメージ(imageに設定したもの)が表示できなかった場合に表示する文字列を設定できる。childrenとして設定した場合に有効になる。imageHeightイメージの高さを設定できる。childrenとして設定した場合に有効になる。imageWidthイメージの幅を設定できる。childrenとして設定した場合に有効になる。labelアコーディオンメニューのタイトル、もしくはコンテンツのラベルを設定する。loadedonClickコンテンツをクリックしたときのイベントをクライアントサイドのJavaScriptとして記述する。renderedroleselectedページが開いた時にメニューが開いた状態にするかどうかを選択できる。trueにするとメニューが開いた状態になる。複数のメニューでtrueを設定すると、trueになっている一番上のメニューが有効になる。