JavaScript Tutorial/Dojo toolkit/TitlePane Disclosure
Содержание
Create disclosure pane(dijit.TitlePane)
<source lang="javascript">
<html>
<head> <link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css"> <script type="text/javascript"> var djConfig = { baseScriptUri : "js/dojo/", parseOnLoad : true }; </script> <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script> <script> dojo.require("dojo.parser"); dojo.require("dijit.TitlePane"); dojo.addOnLoad(show); function show() { var myDijit = new dijit.TitlePane({ href : "yourPage.htm", title : "Title #1" }); dojo.byId("my").appendChild(myDijit.domNode); myDijit.startup(); } </script> </head> <body class="tundra">
</body>
</html></source>
Disclosure pane creation
<source lang="javascript">
<html>
<head> <link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css"> <script type="text/javascript"> var djConfig = { baseScriptUri : "js/dojo/", parseOnLoad : true }; </script> <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script> <script> dojo.require("dojo.parser"); dojo.require("dijit.TitlePane"); </script> </head> <body class="tundra">
content
</body>
</html></source>
Simple disclosure pane
<source lang="javascript">
<html>
<head> <link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css"> <script type="text/javascript"> var djConfig = { baseScriptUri : "js/dojo/", parseOnLoad : true }; </script> <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script> <script> dojo.require("dojo.parser"); dojo.require("dijit.TitlePane"); </script> </head> <body class="tundra"> <div dojoType="dijit.TitlePane" title="Welcome"> content </div> </body>
</html></source>
TitlePane and TextArea
<source lang="javascript">
<html>
<head> <link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css"> <script type="text/javascript"> var djConfig = { baseScriptUri : "js/dojo/", parseOnLoad : true }; </script> <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script> <script> dojo.require("dojo.parser"); dojo.require("dijit.form.Textarea"); dojo.require("dijit.TitlePane"); dojo.addOnLoad(function( ) { var ed = new dijit.form.Textarea({id : "titlePaneContent"}); dijit.byId("tp").setContent(ed.domNode); }); </script> </head> <body class="tundra">
<script type="dojo/connect" event="toggle"> if (!this.open) { var t = dijit.byId("titlePaneContent").getValue( ); this.setTitle(t); } </script>
</body>
</html></source>