一、使用display标签分页
1.后台只要查出所有数据,放在request域中传到jsp页中
2.在jsp上分页显示数据:
(1)导入标签库:
<%@taglib prefix="display" uri="http://displaytag.sf.net"%>
(2)在页面中加入如下代码:
<display:table name="List集合" requestURI="/名称.do" export="true" sort="list" pagesize="每页显示行数">
<display:column property="集合类中的属性名" title="显示列名" group="1" sortable="true" headerClass="sortable" />
</display:table>
thickbox目录中有loadingAnimation.gif,thickbox.css,thickbox.js三个文件
2.引入其中thickbox.css,thickbox.js文件到父jsp页面
<link rel="stylesheet" type="text/css" href="${cp }/script/thickbox/thickbox.css">
<script type="text/javascript" src="${cp }/script/thickbox/thickbox.js"></script>
3.在父jsp页面弄个超链接到子页面
<a id="criteria" href="${cp }/employee-criteria-ui.do?height=300&width=320" class="thickbox">
到子jsp页的链接
</a>
4.在子jsp页面中显示一些数据
1.在jsp页中插入复制的js代码:
$("要作为弹出窗口用的div的id").click(function(){
$.weeboxs.open(弹出窗口内容, {
title:'弹出窗口的标题',
onopen:function() {
},
onok:function(){
box.close(); //增加事件方法后需手动关闭弹窗
},
});
});
1.后台只要查出所有数据,放在request域中传到jsp页中
2.在jsp上分页显示数据:
(1)导入标签库:
<%@taglib prefix="display" uri="http://displaytag.sf.net"%>
(2)在页面中加入如下代码:
<display:table name="List集合" requestURI="/名称.do" export="true" sort="list" pagesize="每页显示行数">
<display:column property="集合类中的属性名" title="显示列名" group="1" sortable="true" headerClass="sortable" />
</display:table>
二、struts菜单插件使用
三、thickbox插件使用
1.将thickbox整个文件夹放入js目录中thickbox目录中有loadingAnimation.gif,thickbox.css,thickbox.js三个文件
2.引入其中thickbox.css,thickbox.js文件到父jsp页面
<link rel="stylesheet" type="text/css" href="${cp }/script/thickbox/thickbox.css">
<script type="text/javascript" src="${cp }/script/thickbox/thickbox.js"></script>
3.在父jsp页面弄个超链接到子页面
<a id="criteria" href="${cp }/employee-criteria-ui.do?height=300&width=320" class="thickbox">
到子jsp页的链接
</a>
4.在子jsp页面中显示一些数据
六、weebox0.3插件的使用(弹出选项)
weebox.html1.在jsp页中插入复制的js代码:
$("要作为弹出窗口用的div的id").click(function(){
$.weeboxs.open(弹出窗口内容, {
title:'弹出窗口的标题',
onopen:function() {
},
onok:function(){
box.close(); //增加事件方法后需手动关闭弹窗
},
});
});