jquery显示本地文件插件 使用笔记

jQuery File Tree 需要用到4个文件  分别为  jquery.js (jquery核心库)  jqueryFileTree.js （jqueryFileTree核心库）  jquery.jqueryFileTree.jsp  （在connection文件夹中 用于JavaScript和jsp的连接，添加列表元素等操作） 可以和其他页面放在同一文件夹下 jqueryFileTree.css

 

相关问题与解决 

1.中文显示问题  官网中下载的connection并不支持中文，需要做一定修改，jsp中把第一行

引用 <%@ page   import="java.io.File,java.io.FilenameFilter,java.util.Arrays"   <%   改为   <%@ page   import="java.io.File,java.io.FilenameFilter,java.util.Arrays" pageEncoding="utf-8"%>   <%

即可 

 

 

 

2.中文文件夹无法打开问题  使用附件中的js文件覆盖原来的文件  其中更改了两个地方，避免使用escape对路径进行编码  ，具体是把escape改为encodeURIComponent

 

 

 

 

 

4、IE中点击文件夹出现的空行问题（转）  （1）打开css文件“jqueryFileTree.css”  （2）修改“UL.jqueryFileTree LI”css项，在其中添加宽度设置（如：“width:100px;”）。  （3）修改完成后再预览应该就可以了。

 

 

 

5.各文件引用方法 

引用 <script type="text/javascript" src="js/jquery-1.3.2.js"></script>   <script type="text/javascript" src="js/jqueryFileTree.js"></script>   <link href="js/jqueryFileTree.css" rel="stylesheet" type="text/css" media="screen" />

其中jsp页面位于wedapp中，其他文件在wedapp/js中

 

 

 

3.路径问题  必须使用base标签，如下取得当前的url路径 

引用 <%   String path = request.getContextPath();   String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";   %>

再通过base标签设置相对路径的参照值

引用 <base href="<%=basePath%>"/>  

 

  这里面有我是实现的例子http://deng19891006.javaeye.com/blog/932500