育將電腦工作室 - 線上書籍

套件說明
====

一、引入

```
<pre class="brush:as3;">

$xoTheme->addStylesheet('modules/tadtools/dtree/dtree.css');
  $xoTheme->addScript('modules/tadtools/dtree/dtree.js');
```

```
<pre class="brush:as3;">

二、調用插件

```
<pre class="brush:as3;">

三、說明

1. <span style="font-size:18px;">(sn,ofsn,title,url)</span>
2. <span style="font-size:18px;">ofsn = -1 ：根目錄</span>
 
四、其他

<span style="font-size:18px;">dtree主要方法介紹：  
 add(parameters)：添加一個樹節點，實際參數有9個add(id,pid,name,url,title,target,icon,iconOpen,open);   
 位置參數別名類型功能  
 1 id int節點自身的id(唯一)   
 2 pid int節點的父節點id   
 3 name string節點顯示在頁面上的名稱  
 4 url string節點的鏈接地址  
 5 title string鼠標放在節點上顯示的提示信息  
 6 target string節點鏈接所打開的目標frame   
 7 icon string節點關閉狀態時顯示的圖標  
 8 iconOpen string節點打開狀態時顯示的圖標  
 9 open bool節點第一次加載是否打開  
 注：dtree.js文件中是一些默認圖片的路徑，可以自己配置圖片和路徑，我下載的在44~57行  
 openAll()打開全部節點，可在樹對象創建前或創建後調用  
 closeAll()關閉全部節點，可在樹對象創建前或創建後調用  
 openTo(id,select)打開指定id的節點，可以傳兩個參數：  
 id指定需要打開的節點的唯一id   
 select是否讓該節點處於選中狀態  
 config配置  
 變量類型默認值描述  
 target string所有節點的target   
 folderLinks bool true文件夾可被鏈接  
 useSelection bool true節點可被選擇高亮  
 useCookies bool true樹可以使用cookie記住狀態  
 useLines bool true創建帶結構連接線的樹  
 useIcons bool true創建帶有圖表的樹  
 useStatusText bool false用節點名替代顯示在狀態欄的節點url   
 closeSameLevel bool false同級節點只允許一個節點處於打開狀態  
 inOrder bool false加速父節點樹的顯示  
 例如：tree.config.closeSameLevel=true;表示打開某級節點時，該級其他處於打開狀態的同級節點會被關閉</span>

六、範例：<http://yd.ugm.com.tw/>

Title1

Title2

Title3

Title1

Title2

Title3

MarkDown