Dojo学习7 带有标题的容器:dijit.TitlePane

7. 带有标题的容器:dijit.TitlePane
TitlePane的用处十分广泛,它可以是一个页面看上去很整齐,而且,它独特的隐藏显示内容的功能,可以节省页面很多的空间。如果和dnd连在一起使用,还可以实现拖动,也就是让用户自定义自己的页面布局。下面一个简单的例子:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>titlepane</title>
<style type="text/css">
 @import "../js/dojo/resources/dojo.css";
 @import "../js/dijit/themes/tundra/tundra.css";
</style>  
<script type="text/javascript"
 djConfig="parseOnLoad: true, isDebug: true"
 src="../js/dojo/dojo.js"></script>
 <script>
 dojo.require("dijit.TitlePane");
 </script>
</head>

<body class="tundra">
<div dojoType="dijit.TitlePane" title="<b>简单测试一下</b>" style="width: 300px;">
这是一个TitlePan的最简单例子
</div>
</body>
</html>

Dijit.TitlePane也同样可以设置href属性,来链接到另外一个页面,都是通过xhrGet的方式从另一个页面返回数据的,所以要注意汉字字符集问题。
可以调用方法:setTitle(str)来设置Title上面的汉字。

你可能感兴趣的:(Dojo学习7 带有标题的容器:dijit.TitlePane)