ajax 分页最终版（3）主页面index.jsp

最新推荐文章于 2024-07-23 20:39:33 发布

fywxin

最新推荐文章于 2024-07-23 20:39:33 发布

阅读量916

点赞数

文章标签： ajax float function html

本文链接：https://blog.csdn.net/fywxin/article/details/6507343

版权

Code:

<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<head>
<link rel="stylesheet" href="/test2/css/my.css" type="text/css" media="screen" />
<script src="/test2/easyui/jquery-1.3.2.min.js"></script>
<script src="/test2/js/my.js"></script>
<script>
var page=1;
var rows=2;
var total=0;
var totalPage=0;
var queryStr="";
var colStr="";
$(document).ready(function(){
getDate(page,rows,queryStr,colStr,"employe");
opt(page,rows,queryStr,colStr,"employe");
});
function goLastPage(){
total=parseInt(total)+1;
if(total%rows==0)
totalPage=parseInt(total/rows);
else
totalPage=parseInt(total/rows)+1;
getDate(totalPage,rows,"","");
}
function reload(){
$("#reloadPage").click();
}
</script>
</head>
<body>
<div class="Big">
<div style="border-bottom:1px solid #ddd;height:24px;padding:2px 5px;background:#fafafa;">
<div style="float:left;font-size:12px;">
<select id="listColumn" name="listColumn">
<option value="" disabled="disabled">选择查找列</option>
<option value="num">编号</option>
<option value="name">名称</option>
<option value="sex">性别</option>
<option value="brithday">生日</option>
<option value="homeTown">住址</option>
<option value="">所有列中查找</option>
</select>
<input type="text" id="SearchStr" name="SearchStr">
<a href="#" id="SIMsearch"><img src="/test2/images/search.png"/></a>
</div>
<div style="float:right;font-size:12px;">
<a href="#" id="searchBut"><img src="/test2/images/search.png"/>组合查找</a>
<a href="#" id="addBut"><img src="/test2/images/add.png"/>新增</a>
</div>
</div>
<div class="containDate">
<table class="dateView" id="tt">
<thead>
<tr>
<th width="20" ></th>
<th width="90" tName="num">编号</th>
<th width="100" tName="name">名称</th>
<th width="80" tName="sex">性别</th>
<th width="160" tName="brithday">生日</th>
<th width="200" tName="homeTown">住址</th>
<th width="180" >操作</th>
</tr>
</thead>
<tbody id="tDate">
</tbody>
</table>
</div>
<div class="Pager">
<table class="select-page" style="float:left;height:20px;">
<tbody>
<tr>
<td><select id="setRows" name="setRows">
<option value="10">10</option>
<option value="20" selected="selected">20</option>
<option value="30">30</option>
<option value="40">40</option>
<option value="50">50</option>
</select>
</td>
<td><img src="/test2/images/panel_title.png"/></td>
<td><a href="#" id="firstPage"><img src="/test2/images/first.gif"/></a></td>
<td><a href="#" id="prevPage"><img src="/test2/images/prev.gif"/></a></td>
<td><img src="/test2/images/panel_title.png"/></td>
<td>第<input size="2" id="pageNum">页</td>
<td id="totalPage"></td>
<td><img src="/test2/images/panel_title.png"/></td>
<td><a href="#" id="nextPage"><img src="/test2/images/next.gif"/></a></td>
<td><a href="#" id="lastPage"><img src="/test2/images/last.gif"/></a></td>
<td><img src="/test2/images/panel_title.png"/></td>
<td><a href="#" id="reloadPage"><img src="/test2/images/load.png"/></a></td>
</tr>
</tbody>
</table>
<div style="float:right;">
<span style="line-height:30px;">第 <span id="fromNum"></span> 到 <span id="toNum"></span> 元素之<span id="totalNum"></span></span>
</div>
</div>
<div class="mask">
</div>
<div class="mask-msg">
请稍等，正在加载......
</div>
</div>
</body>
</html>

fywxin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax 分页最终版（3）主页面index.jsp

Code: %@ page language="java" pageEncoding="UTF-8"%> html> head> link rel="stylesheet" href="/test2/css/my.css" type="text/css" media="screen" /> scri
复制链接

扫一扫