新手,用bs_pagination条件查询完了之后又重新无条件查询了一次

mzlovedota2 2018-04-08 09:52:14
代码是这样的,我用条件查询结果出现的是所有的数据,然后我debug了一下,发现我的页面先条件查询了一下,出现正确的结果,紧接着就又发生了点击事件,这次是无条件的,然后结果就是所有的数据。为什么会发生两次单击事件。
$("#queryBookBtn").click(function(){
display(1,$("#pageNoDiv").bs_pagination('getOption', 'rowsPerPage'));
});


function display(pageNo,pageSize){
//收集参数
var bookId=$("#query-bookId").val();
var author=$("#query-author").val();
var bookName=$("#query-bookName").val();
var bookType=$("#query-bookType").val();
var publishers=$("#query-publishers").val();
var costPrice=$("#query-costPrice").val();
var minTotal=$("#query-minTotal").val();
var maxTotal=$("#query-maxTotal").val();
//发送请求
$.ajax({
url:'inventory/queryBookForPageByCondition',
data:{
bookId : bookId,
author : author,
bookName : bookName,
bookType : bookType,
publishers : publishers,
costPrice : costPrice,
minTotal : minTotal,
maxTotal : maxTotal,
pageNo :pageNo,
pageSize :pageSize
},
type:'post',
success:function(data){
//显示总条数
//$("#totalRows").html(data.count);//功能由翻页插件取代
//显示列表数据
var htmlStr="";
$.each(data.dataList,function(index,obj){
htmlStr+="<tr>";
htmlStr+="<td><input value='"+obj.id+"' type='checkbox' /></td>";
htmlStr+="<td name='name'><a style='text-decoration: none; cursor: pointer;' onclick='window.location.href=\"inventory/detailBook?id="+obj.id+"\";'>"+obj.bookname+"</a></td>";
htmlStr+="<td name='author'>"+obj.author+"</td>";
htmlStr+="<td name='booktype'>"+obj.booktype+"</td>";
htmlStr+="<td name='publishers'>"+obj.publishers+"</td>";
htmlStr+="<td name='costprice'>"+obj.costprice+"</td>";
htmlStr+="<td name='booktotal'>"+obj.booktotal+"</td>";
htmlStr+="</tr>";
});
$("#bookListTBody").html(htmlStr);

//隔行换颜色
$("#bookListTBody tr:odd").addClass("active");

//取消"全选"状态
$("#ckd_all").prop("checked",false);

//显示翻页信息
//计算总页数
var totalPages=1;
if(data.count%pageSize==0){
totalPages=data.count/pageSize;
}else{
totalPages=parseInt(data.count/pageSize)+1;
}
$("#pageNoDiv").bs_pagination({
currentPage:pageNo,//当前页号
rowsPerPage:pageSize,//每页显示条数
totalRows:data.count,//
totalPages: totalPages,//总页数(必须手动计算:根据总条数和每页显示条数计算)

visiblePageLinks:3,//最多可以显示的卡片数

showGoToPage:true,//是否显示跳转到第几页
showRowsPerPage:true,//是否显示每页显示条数
showRowsInfo:true,//是否显示记录信息
//用来监听页号切换的事件.event就代表这个事件,pageObj代表页的信息.
onChangePage: function(event,pageObj) { // returns page_num and rows_per_page after a link has clicked
/* alert(pageObj.currentPage);
alert(pageObj.rowsPerPage); */
display(pageObj.currentPage,pageObj.rowsPerPage);
}
});
}
});
}
...全文
449 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

87,925

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧