jquery显示本地文件插件 使用笔记
2011-02-28 11:30
465 查看
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
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
相关文章推荐
- JQuery上传文件插件Uploadify使用笔记
- 大文件上传Jquery 插件Uploadify-v2.1.4使用图解
- Ajax实现文件上传(使用jQuery插件之ajaxFileUpload)
- jquery多文件上传插件 multifile的使用
- jQuery 插件取url参数[jquery.url.js]的使用以及文件下载
- jQuery插件---显示本地时间.
- jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
- IE下使用控件实现读取本地文件功能并显示
- 使用Jquery官方自带的显示时间的一款插件jquery.jclock.js
- 使用jquery灯箱插件显示图片gallery
- 使用jQuery.form插件实现表单异步提交+上传文件
- MVC文件上传07-使用客户端jQuery-File-Upload插件和服务端Backload组件裁剪上传图片
- [原创]jPagerBar1.2发布(一个适合Ajax+JSON+jQuery环境使用的多功能页码栏插件)(Demo、源文件下载已更新)
- CSS样式,使用VS2005本地文件系统调试能显示,改成使用IIS就死活不显示了!【解决方法汇总说明】
- 基于JQuery的图片上传预览插件(图片预览、过滤文件类型、限制图片大小、图片显示后回调)
- ajax获取json数据使用jquery分页插件显示
- jQuery上传插件Uploadify使用Demo、本地上传(ssm框架下)
- 使用 jQuery Uploader 显示文件上传进度
- 使用jQuery Uploader显示文件上传进度
- 使用jQuery插件时避免重复引入jquery.js文件(jQuery 重复加载错误以及修复方法)