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>
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>javascript
Dijit.TitlePane也一樣能夠設置href屬性，來連接到另一個頁面，都是經過xhrGet的方式從另外一個頁面返回數據的，因此要注意漢字字符集問題。
能夠調用方法：setTitle(str)來設置Title上面的漢字。css
相關文章
- 1. Dojo學習筆記（八）：Dojo佈局——面板
- 2. Dojo學習筆記（九）：Dojo佈局——對齊方式容器
- 3. Dojo學習筆記（十）：Dojo佈局——堆疊容器
- 4. 學習Dojo筆記
- 5. dojo學習（1）
- 6. Dojo學習1 dojo是什麼？
- 7. Dojo學習10 dijit.Menu
- 8. Dojo學習2 dojo快速安裝
- 9. Dojo Mobile開發學習篇
- 10. 從頭開始學習 Dojo，第 1 部分 開始 Dojo 開發
- 更多相關文章...
- • Markdown 標題 - Markdown 教程
- • 您已經學習了 XQuery，接下來該學習什麼內容呢？ - XQuery 教程
- • Docker容器實戰(七) - 容器眼光下的文件系統
- • Docker容器實戰(六) - 容器的隔離與限制
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
- 1. Window下Ribbit MQ安裝
- 2. Linux下Redis安裝及集羣搭建
- 3. shiny搭建網站填坑戰略
- 4. Mysql8.0.22安裝與配置詳細教程
- 5. Hadoop安裝及配置
- 6. Python爬蟲初學筆記
- 7. 部署LVS-Keepalived高可用集羣
- 8. keepalived+mysql高可用集羣
- 9. jenkins 公鑰配置
- 10. HA實用詳解
歡迎關注本站公眾號,獲取更多信息
