jQuery FileTree 文件树形列表插件
2009-07-02 06:07
525 查看
调用:
$(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为该项目的值,文本型
$('#container_id').fileTree({
root: '/some/folder/',
script: 'jqueryFileTree.asp',
expandSpeed: 1000,
collapseSpeed: 1000,
multiFolder: false
}, function(file) { //单击文件时执行的内容
alert(file);
});
});
<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>
演示
下载
$(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>
演示
下载
相关文章推荐
- jQuery ajax + ajaxfileupload.js插件 实现无刷新文件上传
- 文件上传插件jQuery-File-Upload结合CI框架案例
- 使用jquery插件ajaxfileupload一次上传多个文件,示例
- 文件上传JQuery插件 ajaxFileUpload 不严谨的bug
- MVC文件上传08-使用客户端jQuery-File-Upload插件和服务端Backload组件让每个用户有专属文件夹
- 基于SSH2框架下jquery插件ajaxfileupload文件上传,下载,预览(.doc)实例
- MVC文件上传04-使用客户端jQuery-File-Upload插件和服务端Backload组件实现多文件异步上传
- MVC文件上传06-使用客户端jQuery-File-Upload插件和服务端Backload组件自定义控制器上传多个文件
- jquery ajaxFileUpload.js插件支持多文件上传的方法
- 8 个最好的 jQuery 树形 Tree 插件
- jquery 实现ajax 上传文件的功能(使用插件 ajaxfileupload)
- 8 个最好的 jQuery 树形 Tree 插件
- jQuery File Upload文件上传插件使用详解
- Asp.net MVC中使用JQuery插件ajaxFileUpload上传文件
- 28款jQuery Tree 树形结构插件
- jQuery插件AjaxFileUpload实现ajax文件上传
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- jQuery的ajaxFileUpload上传文件插件刷新一次才能再次调用触发change
- 带文件上传的form表单提交, jquery的ajaxfileupload+插件dropzone图文详解
- jquery插件--ajaxfileupload.js上传文件原理分析