2014-03-05 75 views
0

我在JQuery手風琴裏面使用jQuery easyui樹。默認情況下,樹結構不會崩潰。所有子文件夾都是可見的,但我需要將整個事件從根開始摺疊。我的示例代碼如下:Jquery Tree摺疊狀態

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<link rel="stylesheet" type="text/css" href="./easyui/themes/default/easyui.css"> 
<link rel="stylesheet" type="text/css" href="./easyui/themes/icon.css"> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script type="text/javascript" src="./easyui/jquery.easyui.min.js"></script> 

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#navigation").treeview({ 
    animated: "fast", 
    collapsed: true, 
    control: "#treecontrol" 
    }); 
}); 
</script> 
</head> 
<body> 

<div id="accordion"> 
    <h3>Tree TestTest</h3> 
    <div title="Tree Menu"> 
    <ul id="navigation" class="easyui-tree"> 
     <li> 
      <span>Folder1</span> 
      <ul> 
       <li> 
        <span>Sub Folder 1</span> 
        <ul> 
         <li><span>File 11</span></li> 
         <li><span>File 12</span></li> 
         <li><span>File 13</span></li> 
        </ul> 
       </li> 
       <li><span>File 2</span></li> 
       <li><span>File 3</span></li> 
      </ul> 
     </li> 
     <li><span>File2</span></li> 
    </ul> 
</div> 
</div> 
</body> 
</html> 

我諮詢這個堆棧溢出職位:

Jquery treeview collapse except of root

而這正是我的頭腳本的想法。但它不會崩潰。在我的實際文件中,手風琴位於使用include的每個頁面上的外部文件中。我已經嘗試在包含的文件和實際頁面中使用腳本,沒有任何工作。請幫我關閉這棵樹!非常感謝你提前。

回答

1

我也很難讓collapsed: true工作。請嘗試將data-options="state:'closed'"添加到<li>標記中。所以,如果你要拍「Folder1中」最初是摺疊的,它應該是這樣的:

<div title="Tree Menu"> <ul id="navigation" class="easyui-tree"> <li data-options="state:'closed'"> <span>Folder1</span>

這並不適用於子節點,所以你必須做的,你希望每個樹節點崩潰了。

+0

這工作完美!對不起,延遲了,因爲我已經能夠回到SO了。非常感謝! – sdweldon