js简单分页,可用
2024-09-13 10:51:27
//翻页调用
var pageSize = 1;
var counts = 1;
var current_page = 1;
var rows,total;
search(); //查询所有 function search(){
current_page = 1;
$.ajax({
type: "POST",
url: "findList",
data: {name : $('#searchname').val()},
success: function(data){
total = data.length;
counts = Math.ceil(total/pageSize);
counts = counts == 0 ? 1 : counts;
rows = data;
PageCallback();
}
});
} function PageCallback(){
$("#Result").text("");
$("#pagecount").text("1/1");
var flag = current_page*pageSize;
for(var i=(current_page-1)*pageSize;i<(flag>total?total:flag);i++) {
var v = rows[i];
parentnode = v.parentnode == null ? '' : v.parentnode;
parentName = v.parentName == null ? '' : v.parentName;
description = v.description == null ? '' : v.description;
var html = "<tr>";
html += "<td align='center' valign='middle'>" + v.id + "</td>";
html += "<td align='center' valign='middle'>" + v.name + "</td>";
html += "<td align='center' valign='middle'>" + v.organizationId + "</td>";
html += "<td align='center' valign='middle'>" + v.description + "</td>";
html += "<td align='right' valign='middle'>";
html += "<a class='yichu' href='javascript:void(0)' onclick=edit('";
html += v.id + "','" + v.name + "','" + v.isroot + "','" + parentnode + "','" + parentName + "','" + v.status + "','" + description ;
html += "'); >查看/修改</a>";
var zTree = $.fn.zTree.getZTreeObj("orgTree");
html += "<a class='yichu' href='javascript:void(0)' onclick=del('" + v.id + "'); >删除</a></td>";
html += "</tr>"; $("#Result").append(html);
}
$("#pagecount").text(current_page + "/" + counts );
} //上一页
function prePage(){
if(current_page == 1)
return;
current_page--;
PageCallback();
} //下一页
function nextPage(){
if(current_page == counts)
return;
current_page ++;
PageCallback();
} jsp如下:
<div class="user_query" style="margin-top: 15px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<thead>
<tr class="title">
<td width="7%" align="center" valign="middle">组织编号</td>
<td width="13%" align="center" valign="middle">组织名称</td>
<td width="22%" align="center" valign="middle">层级标识</td>
<td width="21%" align="center" valign="middle">说明</td>
<td width="37%" align="right" valign="middle" class="user_join"><a
href="javascript:void(0)" onclick="add();">添加组织</a></td>
</tr>
</thead>
<tbody id="Result">
</tbody>
</table>
</div>
<div class="users_fanye">
<ul>
<li class="nex" onclick="prePage();">上一页</li>
<li class="nex" id="pagecount">1/1</li>
<!-- <li class="nex">2/2</li> -->
<li class="nex" onclick="nextPage();">下一页</li>
</ul>
</div>
最新文章
- Objective-C 工厂模式(下) -- 抽象工厂模式
- github android
- [转]学习Nop中Routes的使用
- 安装spy-debugger
- Ubuntu 安装JDK并配置成为默认的JDK
- Android平台的开发环境的发展演变
- 在Vista或更高版本Windows系统中, 获取超大图标的办法
- 表(list)
- Oracle数据库表的备份和数据表的删除操作
- 《Velocity java开发指南》中文版(下)转载
- 报错要跟到底就很更快更准确的发现问题所在一直in进去(其实都知道的哈)
- Web常见约定规范(精选)
- 码农的奋斗之路 CTO说 读后感
- 四。Hibernate 使用MAVEN工具
- codeforces 980A Links and Pearls
- 什么是webpack?
- 前台框架vue.js中怎样嵌入 Echarts 组件?
- .NET面试宝典-高级(一)
- 学习HTML 第二节.HTML头部
- DataBindings的用法