Dojo/JavaScript Toolkitのメモ

AccordionContainerは、複数のタイトル付きブロックを作成する。このとき、常に表示されるブロックは１つのみとなる。 AccordionContainerの一つのブロックのみを見るとTitlePaneに似ている。

いずれかのタイトルをクリックすると、アコーディオンのように表示されていたブロックが閉じられ、クリックしたタイトルのブロックが表示される。

AccordionConpainerを利用するときは、dojo.widget.AccordionContainerをrequireする。まず、属性dojoType="AccordionContainer"を付けたdiv要素を作成し、その子要素としてContentPaneを並べる。このContentPaneがブロックになる。

AccordionContainerの属性として以下を指定できる。

属性概要 labelNodeClassタイトルに適用するCSSのクラス名 containerNodeClass中身に適用するCSSのクラス名 durationブロックの開閉にかかる時間

ContentPaneの属性として以下を指定できる。また、ContentPaneは onShow, onHideのイベントを指定できる。

属性概要 labelタイトルに表示する文字列 href表示するHTMLのURLを指定する。 selected最初に開いた状態で表示するブロックに対してtrueを指定する <script type="text/javascript"> dojo.require("dojo.widget.AccordionContainer"); dojo.require("dojo.widget.ContentPane"); </script> <div dojoType="AccordionContainer" duration="200" labelNodeClass="label" co