jQuery FileTree 文件树形列表插件

 

调用：

 

$(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>

 

演示

 

下载

 

转载于:https://www.cnblogs.com/fdszlzl/archive/2009/07/02/1515130.html