您现在的位置: 365建站网 > 365文章 > jQuery FileTree 文件树形列表插件

jQuery FileTree 文件树形列表插件

文章来源:365jz.com     点击数:1229    更新时间:2009-09-17 10:13   参与评论

 

调用:
 

$(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>
 
演示
 
下载

 

收藏与分享
Tag标签: jQueryUI

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

发表评论 (1229人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号