用SSM框架實現簡單的專案-《圖書管理系統》
阿新 • • 發佈:2019-02-06
$(function () {
/*三條件動態查詢*/
$("#queryBooks").click(function () {
$("#pageNum").val(1);
$("#qForm").ajaxSubmit({
url:"/queryByConditions.do",
dataType:"json",
type:"post",
success:function (data) {
loadBooks(data)
}
})
})
/*批量刪除-全選or全不選*/
$("#indexBox").click(function () {
$("input[name=delGroup]").attr("checked", this.checked);
})
})
/*ajax成功方法*/
function loadBooks(data) {
$("#tabBody").html("");
$("#tabFoot").html("");
var temp=data.pageInfo;
$.each(temp.list,function (n,vals) {
var borrow=vals.isBorrow==true?"已借閱":"未借閱";
$("#tabBody").append("<tr id='"+vals.bookId+"'>\n" +
" <td><input type='checkbox' name='delGroup' value='"+vals.bookId+"'></td>\n "+
" <td>"+vals.bookCode+"</td>\n" +
" <td>"+vals.bookType.typeName+"</td>\n" +
" <td>"+vals.bookName+"</td>\n" +
" <td>"+vals.bookAuthor+"</td>\n" +
" <td>"+vals.publishPress+"</td>\n" +
" <td><img style='width: 64px;height: 48px;' src='"+vals.path+"'></td>\n"+
" <td>"+borrow+"</td>\n" +
" <td><a href='/queryBookById.do?choose=1&bookId="+vals.bookId+"'>詳細</a></td>\n" +
" <td><a href='javascript:deleteById("+vals.bookId+");'>刪除</a></td>\n" +
" <td><a href='/queryBookById.do?choose=2&bookId="+vals.bookId+"'>修改</a></td>\n" +
" </tr>");
});
$("#tabFoot").append( "<tr>\n"+
" <td colspan='11' id='page'>" +
" <input id='prePage' type='hidden' value='"+temp.prePage+"'>"+
" 當前頁 "+temp.pageNum+",共"+temp.pages+"頁,總記錄數 "+temp.total+". \n"+
" <a href='javascript:queryByPages(1);'>首頁</a> " +
" </td>\n"+
" </tr>\n"
);
if (temp.hasPreviousPage){
$("#page").append("<a href='javascript:queryByPages("+temp.prePage+");'>上一頁</a> ");
}
if (temp.hasNextPage){
$("#page").append("<a href='javascript:queryByPages("+temp.nextPage+");'>下一頁</a> \n");
}
$("#page").append("<a href='javascript:queryByPages("+temp.pages+");'>尾頁</a>");
}
/*根據頁數查詢資料*/
function queryByPages(pageNum) {
$("#pageNum").val(pageNum);
$("#qForm").ajaxSubmit({
url:"/queryByConditions.do",
dataType:"json",
data:"post",
success:function (data) {
loadBooks(data);
}
})
}
/*頁面載入時查詢所有資料*/
function loadBody() {
$("#qForm").ajaxSubmit({
url:"/queryByConditions.do",
dataType:"json",
type:"post",
success:function (data) {
loadBooks(data)
}
})
}
/*單刪*/
function deleteById(id) {
$.ajax({
url:"/deleteBookById.do",
dataType:"json",
data:{"bookId":id},
type:"post",
success:function (data) {
var flag=data.delFlag==true?"刪除成功":"刪除失敗";
var num = data.delId;
alert(flag);
refresh(num,true)
}
})
}
/*批刪*/
function deleteByIds() {
$("#aForm").ajaxSubmit({
url:"/deleteBooksByIds.do",
dataType:"json",
type:"post",
success:function (data) {
var flag=data.delsFlag==true?"批量刪除成功":"批量刪除失敗";
var ids = data.delIds;
alert(flag);
refresh(ids,false);
}
})
}
/* 刪除後重新整理頁面*/
function refresh(list,type) {
var page = $("#prePage").val();
if (type==true){
//單刪
$("#"+list).remove();
}else {
//批刪
for (var i=0;i<list.length;i++){
$("#"+list[i]).remove();
}
}
judgeIsEmpty(page);
}
/*當前頁刪除乾淨後返回上一頁*/
function judgeIsEmpty(page) {
var content=$("#tabBody").html();
if (content==""){
location.href="javascript:queryByPages("+page+");"
}
}