调用:
$(j对象).fileTree(options,function(rel){.....});
选项 :
root - 显示的根目录; default = /
script - 默认的源文件(此文件被POST加载,参数为dir); default = jqueryFileTree.php
folderEvent - 展开合闭时默认的事件(单击); default = click
expandSpeed - default = 500 (ms); 展开速度 -1 无动画
collapseSpeed - default = 500 (ms); 合闭速度 -1 无动画
expandEasing - 展开easing动画
collapseEasing - 闭合easing动画
multiFolder - 是否允许同时展开多个分支 default=true
loadMessage - 载入时的默认信息 default=Loading...
回调:
function(rel){...} - 单击项目时执行的代码,rel为该项目的值,文本型
示例
$
(document
).
ready
(
function
(
)
{
$
(
'#container_id'
).
fileTree
(
{
root:
'/some/folder/',
script:
'jqueryFileTree.asp',
expandSpeed:
1000,
collapseSpeed:
1000,
multiFolder:
false
},
function
(file
)
{ //单击文件时执行的内容
alert
(file
);
}
);
}
);
后台返回什么?
<ul class="jqueryFileTree" style="display: none;">
<li class="directory collapsed">
<a href="#" rel="/this/folder/">Folder Name
</a>
</li>
(additional folders here)
<li class="file ext_txt">
<a href="#" rel="/this/folder/filename.txt">filename.txt
</a>
</li>
(additional files here)
</ul>