分页显示
来源：互联网 发布：淘宝网内衣专卖 编辑：程序博客网 时间：2024/05/16 10:32
分页显示
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><link href="../../css/style.css" rel="stylesheet" type="text/css"><script src="../../js/jquery.js" type="text/javascript"></script><title>管理附件</title><script>function CheckAll(form) { for (var i=0;i<form.elements.length;i++) { var e = form.elements[i]; if (e.name != 'chkall') e.checked = form.chkall.checked; } }</script><script type="text/javascript">$(document).ready(function(){$.ajax({ url: "count.do", ////请求数据的总数 dataType: "json", //返回格式为json async: true, //请求是否异步，默认为异步，这也是ajax重要特性 type: "GET", //请求方式 success: function(req) { count = req.count; //得到的总数 var pageshu=parseInt(count)/pagesize; var max=Math.floor(parseInt(count) / pagesize)+1; if(parseInt(count)%pagesize==0) max=Math.floor(parseInt(count) / pagesize); //得到最大页数 htm+="<a class='total' title='总数' >"+count+"</a> "; for(var i=0;i<pageshu;i++){ htm+="<a onclick='page1("+pagesize+","+(1+i)+")'>"+(1+i)+"</a> "; } if(count>pagesize){//如果总数小于每页的个数不要显示下一页的按钮 htm+="<a class='nextpage' onclick='page1("+pagesize+","+nextpage+")' >下一页</a> "; } htm+="<a class='lastpage' onclick='page1("+pagesize+","+max+")' >尾页</a>"; $('#span1').append(htm); }, complete: function() { //请求完成的处理//获得第一页的数据 $.ajax({ type:"get", //以post方式与后台沟通 url :"findpage.do", //与此页面沟通 dataType:"json",//返回的值以 JSON方式 解释 data:{ pagestart : 1, pagesize:pagesize }, cache:false, success: function (json) { var mm="";mm+="<tr class='header' style='' height='30px'> <td width='14%' ><div align='center'>ID</div></td>"+" <td width='20%' ><div align='center'>文件名</div></td><td width='10%' ><div align='center'>增加者</div></td>"+" <td width='9%'><div align='center'>文件大小</div></td><td width='17%' ><div align='center'>增加时间</div></td>"+" <td width='11%' ><div align='center'>操作</div></td></tr>";$.each(json, function (n, json) { mm+=" <tr class='listbg1' > <td style='padding:10px 0;' width='14%' ><div align='center'>"+" <b><a href='' target='_blank'>"+json.fileid+"</a></b> </div></td>"+" <td width='20%'><div align='center'> "+json.filename+" </div></td>"+" <td width='10%'><div align='center'> "+json.adduser+" </div></td>"+" <td width='9%'> <div align='center'> "+json.filesize+" </div></td>"+" <td width='17%'><div align='center'>"+json.filetime+" </div></td>"+" <td width='11%' ><div align='center'>[<a href='deleteOne.do?fileid="+json.fileid+"' onclick='return confirm('您是否要删除？');'>删除</a>"+"<input name='fileid' type='checkbox' id='fileid[]' value='"+json.fileid+"' onclick=''>"+"]</div></td></tr>"; }); //alert(html);nextpage=2; //来说明下一页的页数$("#table1").append(mm); //追加到这个表单中}}); }, error: function() { //请求出错处理 alert("请求出错"); }});});var count="";var htm=""; //显示的页码var prepage=0; //来设定前一页var nextpage=2; //来设定 后一页的页数var pagesize=5;function page1(pagesize,pagestart){$("#table1").empty();prepage=pagestart-1;nextpage=pagestart+1;$("#span1").empty();//清空span1 来看是否增加首页和下一页var max=0;$.ajax({ url: "count.do", //取总数 dataType: "json", //返回格式为json async: false, //请求是否异步，默认为异步，这也是ajax重要特性 type: "GET", //请求方式 success: function(req) { count = req.count; max=Math.floor(count / pagesize)+1; if(parseInt(count)%pagesize==0) max=Math.floor(count / pagesize); }});if(pagestart==1){htm="";htm+="<a class='total' title='总数' >"+count+"</a> "; var pageshu=parseInt(count)/pagesize; for(var i=0;i<pageshu;i++){ htm+="<a onclick='page1("+pagesize+","+(1+i)+")'>"+(1+i)+"</a> "; } if(count>pagesize){ htm+="<a class='nextpage' onclick='page1("+pagesize+","+nextpage+")' >下一页</a> "; } htm+="<a class='lastpage' onclick='page1("+pagesize+","+max+")' >尾页</a>"; $('#span1').append(htm);}else if(pagestart==max){htm="";htm+="<a class='total' title='总数' >"+count+"</a> ";htm+="<a onclick='page1("+pagesize+","+1+")' >首页</a> "+"<a class='' onclick='page1("+pagesize+","+prepage+")' >上一页</a>"; var pageshu=parseInt(count)/pagesize; for(var i=0;i<pageshu;i++){ htm+="<a onclick='page1("+pagesize+","+(1+i)+")'>"+(1+i)+"</a> "; } $('#span1').append(htm);}else{htm="";htm+="<a class='total' title='总数' >"+count+"</a> ";htm+="<a onclick='page1("+pagesize+","+1+")' >首页</a> "+"<a class='' onclick='page1("+pagesize+","+prepage+")' >上一页</a>"; var pageshu=parseInt(count)/pagesize; for(var i=0;i<pageshu;i++){ htm+="<a onclick='page1("+pagesize+","+(1+i)+")'>"+(1+i)+"</a> "; } if(count>pagesize){ htm+="<a class='nextpage' onclick='page1("+pagesize+","+nextpage+")' >下一页</a> "; } htm+="<a class='lastpage' onclick='page1("+pagesize+","+max+")' >尾页</a>"; $('#span1').append(htm);}$.ajax({ type:"get", //以post方式与后台沟通 url :"findpage.do", //与此页面沟通 dataType:"json",//返回的值以 JSON方式 解释 data:{ pagestart : pagestart, pagesize:pagesize }, cache:false, success: function (json) { var mm="";mm+="<tr class='header' style='' height='30px'> <td width='14%' ><div align='center'>ID</div></td>"+" <td width='20%' ><div align='center'>文件名</div></td><td width='10%' ><div align='center'>增加者</div></td>"+" <td width='9%'><div align='center'>文件大小</div></td><td width='17%' ><div align='center'>增加时间</div></td>"+" <td width='11%' ><div align='center'>操作</div></td></tr>";$.each(json, function (n, json) { mm+=" <tr class='listbg1' > <td style='padding:10px 0;' width='14%' ><div align='center'>"+" <b><a href='' target='_blank'>"+json.fileid+"</a></b> </div></td>"+" <td width='20%'><div align='center'> "+json.filename+" </div></td>"+" <td width='10%'><div align='center'> "+json.adduser+" </div></td>"+" <td width='9%'> <div align='center'> "+json.filesize+" </div></td>"+" <td width='17%'><div align='center'>"+json.filetime+" </div></td>"+" <td width='11%' ><div align='center'>[<a href='deleteOne.do?fileid="+json.fileid+"' onclick='return confirm('您是否要删除？');'>删除</a>"+"<input name='fileid' type='checkbox' id='fileid[]' value='"+json.fileid+"' onclick=''>"+"]</div></td></tr>"; }); //alert(html);$("#table1").append(mm); }}); }var jsonglobal;function search1(){var type1 =$("#type1").val();var keyboard=$("#keyboard").val();var show = $("#show").val();var count="";$.ajax({ type:"post", //以post方式与后台沟通 url :"search.do", //与此页面沟通 dataType:"json",//返回的值以 JSON方式 解释 data:{ type1 : type1, keyboard:keyboard, show,show }, cache:false, success: function (json) {if(json.length==0){ htm=""; htm+="<a class='total' title='总数' >"+0+"</a> "; $("#table1").empty(); $('#span1').empty(); $('#span1').append(htm);}else{jsonglobal=json; count = json.length; var pageshu=parseInt(count)/pagesize; var max=Math.floor(parseInt(count) / pagesize)+1; if(parseInt(count)%pagesize==0) max=Math.floor(parseInt(count) / pagesize); htm=""; htm+="<a class='total' title='总数' >"+count+"</a> "; for(var i=0;i<pageshu;i++){ htm+="<a onclick='page2("+pagesize+","+(1+i)+")'>"+(1+i)+"</a> "; } if(count>pagesize){ htm+="<a class='nextpage' onclick='page2("+pagesize+","+nextpage+")' >下一页</a> "; } htm+="<a class='lastpage' onclick='page2("+pagesize+","+max+")'>尾页</a>";$('#span1').empty(); $('#span1').append(htm); var mm="";mm+="<tr class='header' style='' height='30px'> <td width='14%' ><div align='center'>ID</div></td>"+" <td width='20%' ><div align='center'>文件名</div></td><td width='10%' ><div align='center'>增加者</div></td>"+" <td width='9%'><div align='center'>文件大小</div></td><td width='17%' ><div align='center'>增加时间</div></td>"+" <td width='11%' ><div align='center'>操作</div></td></tr>"; $.each(json, function (n, json) { if(n<pagesize){ mm+=" <tr class='listbg1' > <td style='padding:10px 0;' width='14%' ><div align='center'>"+" <b><a href='' target='_blank'>"+json.fileid+"</a></b> </div></td>"+" <td width='20%'><div align='center'> "+json.filename+" </div></td>"+" <td width='10%'><div align='center'> "+json.adduser+" </div></td>"+" <td width='9%'> <div align='center'> "+json.filesize+" </div></td>"+" <td width='17%'><div align='center'>"+json.filetime+" </div></td>"+" <td width='11%' ><div align='center'>[<a href='deleteOne.do?fileid="+json.fileid+"' onclick='return confirm('您是否要删除？');'>删除</a>"+"<input name='fileid' type='checkbox' id='fileid[]' value='"+json.fileid+"' onclick=''>"+"]</div></td></tr>"; } }); nextpage=2;$("#table1").empty();$("#table1").append(mm); }}, complete: function() { //请求完成的处理 }}); }//搜索分页显示function page2(pagesize,pagestart){$("#table1").empty();prepage=pagestart-1;nextpage=pagestart+1;$("#span1").empty();//清空span1 来看是否增加首页和下一页var max=0; count = jsonglobal.length; max=Math.floor(count / pagesize)+1; if(parseInt(count)%pagesize==0) max=Math.floor(count / pagesize); if(pagestart==1){htm="";htm+="<a class='total' title='总数' >"+count+"</a> "; var pageshu=parseInt(count)/pagesize; for(var i=0;i<pageshu;i++){ htm+="<a onclick='page2("+pagesize+","+(1+i)+")'>"+(1+i)+"</a> "; } if(count>pagesize){ htm+="<a class='nextpage' onclick='page2("+pagesize+","+nextpage+")' >下一页</a> "; } htm+="<a class='lastpage' onclick='page2("+pagesize+","+max+")'>尾页</a>"; $('#span1').append(htm);}else if(pagestart==max){htm="";htm+="<a class='total' title='总数' >"+count+"</a> ";htm+="<a onclick='page2("+pagesize+","+1+")' >首页</a> "+"<a class='' onclick='page2("+pagesize+","+prepage+")' >上一页</a>"; var pageshu=parseInt(count)/pagesize; for(var i=0;i<pageshu;i++){ htm+="<a onclick='page2("+pagesize+","+(1+i)+")'>"+(1+i)+"</a> "; } $('#span1').append(htm);}else{htm="";htm+="<a class='total' title='总数' >"+count+"</a> ";htm+="<a onclick='page2("+pagesize+","+1+")' >首页</a> "+"<a class='' onclick='page2("+pagesize+","+prepage+")' >上一页</a>"; var pageshu=parseInt(count)/pagesize; for(var i=0;i<pageshu;i++){ htm+="<a onclick='page2("+pagesize+","+(1+i)+")'>"+(1+i)+"</a> "; } if(count>pagesize){ htm+="<a class='nextpage' onclick='page2("+pagesize+","+nextpage+")' >下一页</a> "; } htm+="<a class='lastpage' onclick='page2("+pagesize+","+max+")'>尾页</a>"; $('#span1').append(htm);}var mm="";mm+="<tr class='header' style='' height='30px'> <td width='14%' ><div align='center'>ID</div></td>"+" <td width='20%' ><div align='center'>文件名</div></td><td width='10%' ><div align='center'>增加者</div></td>"+" <td width='9%'><div align='center'>文件大小</div></td><td width='17%' ><div align='center'>增加时间</div></td>"+" <td width='11%' ><div align='center'>操作</div></td></tr>";$.each(jsonglobal, function (n, json) { //for(var i=pagestart*pagesize-pagesize;i<pagestart*pagesize;i++){if(n>=(pagestart*pagesize-pagesize)&&n<(pagestart*pagesize)){mm+=" <tr class='listbg1' > <td style='padding:10px 0;' width='14%' ><div align='center'>"+" <b><a href='' target='_blank'>"+json.fileid+"</a></b> </div></td>"+" <td width='20%'><div align='center'> "+json.filename+" </div></td>"+" <td width='10%'><div align='center'> "+json.adduser+" </div></td>"+" <td width='9%'> <div align='center'> "+json.filesize+" </div></td>"+" <td width='17%'><div align='center'>"+json.filetime+" </div></td>"+" <td width='11%' ><div align='center'>[<a href='deleteOne.do?fileid="+json.fileid+"' onclick='return confirm('您是否要删除？');'>删除</a>"+"<input name='fileid' type='checkbox' id='fileid[]' value='"+json.fileid+"' onclick=''>"+"]</div></td></tr>";}//} }); //alert(html);$("#table1").append(mm); }</script></head><body style="background-color:#f9f9f9; font-size:12px;"><table width="100%" border="0" align="center" cellpadding="3" cellspacing="0"> <tbody><tr height="30px;"> <td width="36%"><span class="main_r6"></span><span class="main_s2">位置：<a href="">管理附件(数据式)</a> </span></td> <td width="64%"><div align="right" class="emenubutton"> <input type="button" name="Submit52" value="[目录式管理附件]" onclick="window.location.href='listFile.html'"> <input type="button" name="Submit52" value="[上传多附件]" onclick="window.location.href='uploadEnclosures.html'"> </div></td> </tr></tbody></table> <table width="100%" border="0" align="center" cellpadding="3" cellspacing="0" class="tablehead"> <!-- <form name="form2" method="get" action=""></form> --> <input type="hidden" name="classid" value=""> <tbody><tr class="" height="30"> <td width="82%">搜索: <select name="type1" id="type1"> <option value="9">所有附件类型</option> <option value="0">图片</option> <option value="1">Flash文件</option> <option value="2">多媒体文件</option> <option value="3">其他附件</option> </select> <input name="keyboard" type="text" id="keyboard" value=""> <select name="show" id="show"> <option value="0" checked="">不限</option> <option value="1">文件名</option> <option value="2">编号</option> <option value="3">上传者</option> </select><span id="listfileclassnav"><select name="classid"><option value="0">所有栏目</option>|-行业展开</select></span> <input type="submit" name="Submit2" onclick="search1()" value="搜索"> </td> <td width="18%"><div class="main_34" align="center">[<a href="../ecmsfile.php?enews=DelFreeFile" onclick="return confirm('确认要操作?');">清理失效附件</a>]</div></td> </tr> </tbody></table><form name="form1" method="post" action="batchdelete.do"> <table width="100%" border="0" align="center" cellpadding="3" cellspacing="1" > <tbody> <tr > <td colspan="6" width="100%"> <table width="100%" border="0" align="center" cellpadding="3" cellspacing="1" id="table1"> </table> </td> </tr> <tr class="listtab1"> <td colspan="6" style="padding:10px 0;" > <span class="epages" id="span1"> </span> <input type="submit" name="Submit" value="批量删除"> <input name="enews" type="hidden" id="enews" value="DelFile_all"> <input type="checkbox" name="chkall" value="on" onclick="CheckAll(this.form)"> 选中全部</td> </tr> <tr class="listtab2"> <td colspan="6" style="padding:10px 0;"><font color="#666666">如果ID是粗体，表示有信息引用，点击ID即可查看信息页面</font></td> </tr> </tbody></table></form></body></html> 0 0
- 分页显示
- 分页显示
- 分页显示
- 分页显示
- 分页显示
- 分页显示
- 分页显示详解
- 通用分页显示函数
- 解决Struts分页显示
- 解决Struts分页显示
- 解决Struts分页显示
- 文章内容分页显示函数
- 分页的文本显示
- 分页显示详解
- Spread分页显示设置
- DataGrid分页显示
- 分页显示效果！
- 分页显示代码
- python爬虫下载极客学院视频
- Android Xutils框架使用之DBUtils
- 【安装Sublime Text 3汉化插件】
- linux chcon命令详解
- Android-命令行打包
- 分页显示
- 读取xib文件
- Qt 小结
- mysql优化
- 《c陷阱与缺陷》4-6章笔记
- cpp_读取数量不定的输入
- Android Xutils框架使用之ViewUtils
- web2
- 利用xcodebuild命令行进行打包
