<!DOCTYPE html>
<html>
<head>
<title>门诊医生---2015</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="../Css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="../Css/bootstrap-responsive.css" />
<link rel="stylesheet" type="text/css" href="../Css/style.css" />
<script type="text/javascript" src="../Js/jquery.min.js"></script>
<script type="text/javascript" src="../Js/jquery.sorted.js"></script>
<script type="text/javascript" src="../Js/bootstrap.js"></script>
<script type="text/javascript" src="../Js/ckform.js"></script>
<script type="text/javascript" src="../Js/common.js"></script>
<script type="text/javascript">
var pageNum=undefined;
$(function () {
var args = getQueryStringArgs();
var pageNum=args["pageNum"];
var d_name=args["d_name"];
var de_name=args["de_name"];
var ds_id=args["ds_id"];
$("#d_id").val(ds_id);
$("#d_name").val(d_name);
$("#de_name").val(de_name);
queryPage(pageNum);
$("#btn1").live("click",function(){
queryPage(pageNum);
})
$("#btn2").live("click",function(){
$("#d_id").val("");
$("#d_name").val("");
$("#de_name").val("");
})
$("a").bind("click",function(){
var num = $(this).attr("pageNum");
queryPage(num);
});
$("#btn6").live("click",function(){
var d_id=$(this).attr("d_id");
var ds_id=$("#d_id").val();
var d_name=$("#d_name").val();
var de_name=$("#de_name").val();
var pageNum=$("#pageNum").val();
window.location.href="look.html?pageNum="+pageNum+"&d_id="+d_id+"&d_name="+d_name+"&de_name="+de_name+"&ds_id="+ds_id;
})
$("#btn7").live("click",function(){
var d_id=$(this).attr("d_id");
var ds_id=$("#d_id").val();
var d_name=$("#d_name").val();
var de_name=$("#de_name").val();
var pageNum=$("#pageNum").val();
window.location.href="edit.html?pageNum="+pageNum+"&d_id="+d_id+"&d_name="+d_name+"&de_name="+de_name+"&ds_id="+ds_id;
})
$("input[type=checkbox]").live("change",function(){
delAll();
})
})
function queryPage(pageNum){
//当前页码
pageNum= pageNum==undefined?1:pageNum;
var d_id=$("#d_id").val();
var d_name=$("#d_name").val();
var de_name=$("#de_name").val();
//页码的有效性判断
$.post("../selectDoctorByCondition.do",{pageNum:pageNum,d_id:d_id,d_name:d_name,de_name:de_name},function(result){
//填充数据到tbody
$("#tbody").empty();//清除之前的内容
$(result.object.list).each(function(index,doctor){
$("#tbody").append(
" <tr>"+
"<td style='vertical-align:middle;'><input type='checkbox' name='check' value='"+doctor.d_id+"'></td>"+
"<td style='vertical-align:middle;'>"+doctor.d_id+"</td>"+
"<td style='vertical-align:middle;''>"+doctor.d_name+"</td>"+
"<td style='vertical-align:middle;''>"+doctor.d_date+"</td>"+
"<td style='vertical-align:middle;''>"+doctor.department.de_name+"</td>"+
"<td style='vertical-align:middle;'>"+
"<a id='btn6' d_id="+doctor.d_id+">详情>>></a> "+
"<a id='btn7' d_id="+doctor.d_id+" >更改</a></td>"+
"</tr>"
);
})
//给按钮添加对应的数值
var num = result.object.pageNum;
$("a#first").attr("pageNum",1);
$("a#previous").attr("pageNum",num-1<1?1:num-1);
$("a#next").attr("pageNum",num+1>result.object.lastPage?result.object.lastPage:num+1);
$("a#last").attr("pageNum",result.object.lastPage);
$("span#span1").text(result.object.total);
$("span#span2").text("第"+num+"页/共"+result.object.lastPage+"页");
$("#pageNum").val(num);
},"json");
}
function getQueryStringArgs(){ //获取url参数函数
//取得查询字符串并去掉开头的问号
var qs = (location.search.length > 0 ? location.search.substring(1) : ""),
//保存数据的对象
args = {},
//取得每一项
items = qs.length ? qs.split("&") : [],//split(separator,howmany) 方法用于把一个字符串分割成字符串数组
item = null,
name = null,
value = null,
//在 for 循环中使用
i = 0,
len = items.length;
//逐个将每一项添加到 args 对象中
for (i=0; i < len; i++){
item = items[i].split("=");
name = decodeURIComponent(item[0]);
value = decodeURIComponent(item[1]);
if (name.length) {
args[name] = value;
}
}
return args;
}
function delAll(){
var alls=document.getElementsByName("check");
var ids=new Array();
for(var i=0;i<alls.length;i++){
if(alls[i].checked){
ids.push(alls[i].value);
}
}
$("#ids").val(ids);
}
</script>
<style type="text/css">
body {
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
@media (max-width: 980px) {
/* Enable use of floated navbar text */
.navbar-text.pull-right {
float: none;
padding-left: 5px;
padding-right: 5px;
}
}
a{
cursor: pointer;
}
</style>
<script type="text/javascript">
$(function () {
$('#newNav').click(function(){
window.location.href="add.html";
});
});
function checkall(){
var alls=document.getElementsByName("check");
var ch=document.getElementById("checkall");
if(ch.checked){
for(var i=0;i<alls.length;i++){
alls[i].checked=true;
}
}else{
for(var i=0;i<alls.length;i++){
alls[i].checked=false;
}
}
}
</script>
</head>
<body>
<input type="hidden" id="pageNum">
<form action="index.html" method="post" class="definewidth m20">
<table class="table table-bordered table-hover definewidth m10">
<tr>
<td width="10%" class="tableleft" >医生编号：</td>
<td><input type="text" id="d_id" value=""/></td>
<td width="10%" class="tableleft" >医生姓名：</td>
<td><input type="text" id="d_name" value=""/></td>
<td width="10%" class="tableleft" >科室：</td>
<td><input type="text" id="de_name" value=""/></td>
</tr>
</table>
</form>
<center>
<button id="btn1" class="btn btn-primary" type="button">查询</button>
<button id="btn2" class="btn btn-primary" type="button">清空</button>
</center>
<table class="table table-bordered table-hover definewidth m10" >
<thead>
<tr>
<th><input type="checkbox" id="checkall" onChange="checkall();"></th>
<th>医生编号</th>
<th>医生姓名</th>
<th>出生年月</th>
<th>所属科室</th>
<th>操作</th>
</tr>
</thead>
<tbody id="tbody">
</tbody>
</table>
<table class="table table-bordered table-hover definewidth m10" >
<tr><th colspan="5">
<div class="inline pull-right page">
<a id="first" >第一页</a>
<a id="previous">上一页</a>
<a pageNum="1">1</a>
<a pageNum="2">2</a>
<a pageNum="3">3</a>
<a pageNum="4">4</a>
<a pageNum="5">5</a>
<a id="next">下一页</a>
<a id="last">最后一页</a>
共
<span id="span1"></span>条记录
<span id="span2"></span>
</div>
<div><button type="button" class="btn btn-success" id="newNav">添加新医生</button>
<form action="../exportDoctor.do" method="post" style="display: inline-block;">
<input type="hidden" id="ids" name="ids" value="">
<input type="submit" class="btn btn-success" value="导出Excel">
</form>
</div>
</th></tr>
</table>
</body>
</html>
分页前端页面 --菜鸟小回
猜你喜欢
转载自blog.csdn.net/qq_39231769/article/details/102712057
今日推荐
周排行