Dojo 1.0のAccordion - 平松祥史の日記

いつの間にかものすごいWebサイトにドキュメントが用意されているDojoのAccordionレイアウトの使い方。少し前まで「ドキュメント無いな〜」という感じだったのに。

AccordionContainerの中にAccordionPaneを入れればOK。

<html>
<head>
<script type="text/javascript" src="dojo/dojo.js" djConfig="parseOnLoad: true">
</script>
<script type="text/javascript">
    dojo.require("dijit.layout.AccordionContainer");
    dojo.require("dojo.parser");
</script>
<style type="text/css">
    @import "dojo/resources/dojo.css";
    @import "dijit/themes/tundra/tundra.css";
</style>
</head>
<body class="tundra">
<div dojoType="dijit.layout.AccordionContainer" style="height: 100%">
    <div dojoType="dijit.layout.AccordionPane" title="pane 1">
            Pane 1
    </div>
    <div dojoType="dijit.layout.AccordionPane" title="pane 2">
            Pane 2
    </div>
</div>
</body>
</html>

Dojo でThemeを使う場合は、CSSの指定とclassの指定が必要。