Dojo 1.0のタブ
こちらは
- TabContainer の中に ContentPane
- titleはつけないとクリックするところが出てこない
レイアウト周りはExt 使うより易しい気がする。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <script type="text/javascript" src="dojo/dojo.js" djConfig="isDebug: true, parseOnLoad: true"></script> <script type="text/javascript"> dojo.require("dijit.layout.TabContainer"); dojo.require("dijit.layout.ContentPane"); dojo.require("dojo.parser"); </script> <style type="text/css"> @import "dojo/resources/dojo.css"; @import "dijit/themes/dijit.css"; </style> </head> <body> <div dojoType="dijit.layout.TabContainer" id="maindiv" style="height: 50px; width: 100%"> <div dojoType="dijit.layout.ContentPane" id="tab1" title="Tab 1" selected="true" style="background-color: #FFEEEE"> Tab 1 </div> <div dojoType="dijit.layout.ContentPane" id="tab2" title="Tab 2" style="background-color: #EEEEFF"> Tab 2 </div> </div> </body> </html>