Javascrpt 页面工具
/**
* 笔者:DL
* 时间:2014-3-19
* PagingTool模块提供最基本的、网页工具栏。和页面数据 回电话 可扩展性 分页工具栏介绍,和页面呈现的数据
* 主意事项:必须引用json.js
* @module PagingTool
*/
var PagingTool = {}
PagingTool.Init = {} //初始化參数
PagingTool.funPageCallBack = function (data) {
var pParams = data.pParams;//查询參数
var pageCount = data.pageCount;//每页显示条目
var totalPages = data.totalPages;//总页数
var pageIndex = data.pParams.intNowPage; // 当前页
var pageTargetId = data.pageTargetId;
var totalCount = data.totalCount;
var pageHtml = "";
if (totalPages > 1) {
var beginPage = 1, endPage = 1;
beginPage = parseInt((pageIndex - 1) / pageCount) * pageCount + 1;
endPage = parseInt((pageIndex - 1) / pageCount) * pageCount + pageCount;
endPage = endPage > totalPages ?
totalPages : endPage;
if (pageIndex > 1) //上一页
{
pParams["intNowPage"] = 1;
pageHtml += '<a href=\"javascript:;\" onclick=\'PagingTool.Paging(' + JSON.stringify(pParams) + ')\'><<</a>';
pParams["intNowPage"] = pageIndex - 1;
pageHtml += '<a href=\"javascript:;\" onclick=\'PagingTool.Paging(' + JSON.stringify(pParams) + ')\'><</a>'
}
else {
pageHtml += '<a href=\"javascript:;\" ><<</a>'
pageHtml += '<a href=\"javascript:;\" ><</a>'
}
if (beginPage - 1 > 1) {
pParams["intNowPage"] = beginPage - 1;
pageHtml += '<a href=\"javascript:;\" onclick=\'PagingTool.Paging(' + JSON.stringify(pParams) + ')\'>...</a>'
}
//中间页码
for (var i = beginPage; i <= endPage; i++) {
if (pageIndex == i) {
pageHtml += '<a href=\"javascript:;\" class=\"current\"> ' + i + '</a>';
}
else {
pParams["intNowPage"] = i;
pageHtml += '<a href=\"javascript:;\" onclick=\'PagingTool.Paging(' + JSON.stringify(pParams) + ')\'>' + i + '</a>'
}
}
if (totalPages - endPage > 1) {
pParams["intNowPage"] = endPage + 1;
pageHtml += '<a href=\"javascript:;\" onclick=\'PagingTool.Paging(' + JSON.stringify(pParams) + ')\'>...</a>'
}
if (pageIndex < totalPages) {
pParams["intNowPage"] = pageIndex + 1;
pageHtml += '<a href=\"javascript:;\" onclick=\'PagingTool.Paging(' + JSON.stringify(pParams) + ')\'>></a>'
pParams["intNowPage"] = totalPages;
pageHtml += '<a href=\"javascript:;\" onclick=\'PagingTool.Paging(' + JSON.stringify(pParams) + ')\'>>></a>';
}
else {
pageHtml += '<a href=\"javascript:;\" >></a>'
pageHtml += '<a href=\"javascript:;\">>></a>'
}
$("#" + pageTargetId).html(pageHtml);
} else {
$("#" + pageTargetId).html("");
}
}
/**
* 返回当前集合中指定位置的元素
* @method PagingTool.Paging 分页操作方法
* @param {pParams} 查询条件 { "intUstate": 0, "intNowPage": 1, "intType": 1, "intPageSize": 3 }
* @return {HTML} 返回html loadingIcon.gif
*/
PagingTool.Paging = function (pParams) {
var funDCallBack = PagingTool.Init.DataCallBack;
var funPCallBack = PagingTool.Init.PageCallBack
var appendId = PagingTool.Init.AppendId;
var targetId = PagingTool.Init.PageTargetId;
var pageSize = PagingTool.Init.PageSize;
var pageCount = PagingTool.Init.PageCount;
$.ajax({
url: PagingTool.Init.Url,
data: pParams,
type: PagingTool.Init.Type,
dataType: "json",
beforeSend: function () {
var isElement = document.getElementById(appendId).nodeName;
var html = "";
if (isElement == "DIV") {
html = '<div id="sload" style="text-align:center; margin-top:30px;"><image src="/Content/image/base/loadingIcon.gif" /></div>';
}
else {
html = '<tr id="sload"><td colspan="50" style="text-align:center;"><image src="/Content/image/base/loadingIcon.gif" /></td></tr>';
}
$("#" + appendId).html(html);
},
complete: function () {
$("#sload").remove();
},
error: function () {
$("#sload").remove();
},
success: function (data) {
var totalCount = data.TotalCount;
var jieanCount = data.jieanCount;
if (totalCount > 0) {
var totalPages = parseInt((totalCount - 1) / pageSize + 1);
var callDBackParams = { "appendId": appendId, "jsonData": data, "totalCount": totalCount, "jieanCount": jieanCount };
var callPBackParams = { "pageTargetId": targetId, "pageSize": pageSize, "totalPages": totalPages, "pageCount": pageCount, "totalCount": totalCount, "pParams": pParams };
funDCallBack(callDBackParams);//回到函数
funPCallBack(callPBackParams);//分页控件回调函数
}
else {
var desc = returnNull(appendId, 20, "", "");//提示没有数据
$("#" + appendId + "").html(desc);
$("#" + targetId + "").html("");
//没有数据
}
}
});
}
/* 方法说明 使用说明 方法 PageTargetId【分页条呈现位置ID】 AppendId【数据呈现ID】DataCallBack【数据回调函数】PageCallBack【页面呈现回调函数】
PagingTool.Init = { "Url": "/LshSystem/User/AjaxIndex", "Type": "POST", "PageCount": 3, "PageSize": 3, "PageTargetId": "pageId", "AppendId": "appendId", "DataCallBack": funDataCallBack, "PageCallBack": PagingTool.funPageCallBack };
PagingTool.Paging({ "intUstate": 0, "intNowPage": 1, "intType": 1, "intPageSize": 3 });
//数据回调函数 页面操作逻辑
funDataCallBack= function(data) {
var appendId = data.appendId;
var jsonData = data.jsonData.PageData;
var htmlData = "";
for (var i = 0; i < jsonData.length; i++) { //便利数据
htmlData += "<tr id=\"Temp" + i + "\">" +
"<td class=\"thcenter\">" +
"<input type=\"checkbox\" value=\"" + jsonData[i].UAccount + "\" name=\"ckUAccount\" /></td>" +
"<td id=\"UAccount\">" + jsonData[i].UAccount + "</td>" +
"<td id=\"SFName\">" + jsonData[i].SFName + "</td> </tr>"
}
$("#" + appendId + "").html(htmlData);
}
*/
版权声明:本文博客原创文章,博客,未经同意,不得转载。
最新文章
- RealSense开发-Session和SenseManager的几种创建方法
- 我的OpenCV学习笔记:VideoCapture类
- iOS NSDate与NSString相互转化
- 无废话ExtJs 入门教程五[文本框:TextField]
- eclipse 设置默认编码为Utf-8
- (知识分享)软硬件调试九法:第九条规则 如果你不修复一个bug,它将永远存在
- pod创建的工程找不到库
- C#中Messagebox.Show()常用参数用法详解
- win 10应用商店下载应用错误码0x80070422
- [置顶] Vim用正则表达式进行批量修改
- C#利用Attribute实现简易AOP介绍
- nginx系列11:负载均衡哈希算法ip_hash与hash模块
- pandas.DataFrame的pivot()和unstack()实现行转列
- MQTT研究之EMQ:【EMQ之HTTP认证/访问控制】
- 强类型Dataset使用事务(改进原有方法)
- python IO 多路复用
- c#:HttpClient加标头
- 【LeetCode每天一题】Pow(x, n)(平方)
- Unity程序协同问题,传送时屏幕变黑变亮的解决,常规操作的行为集合
- 【AtCoder】AGC025题解
热门文章
- Scanner类及正则表达式
- java 中通过label跳出双重for 循环
- (step6.3.3)hdu 1150(Machine Schedule——二分图的最小点覆盖数)
- 熬之滴水穿石:JSP--HTML中的JAVA代码(6)
- 14.5.7 Storing InnoDB Undo Logs in Separate Tablespaces 存储InnoDB Undo logs 到单独的表空间
- ORACLE 中的一些特殊符号
- 60s 经济学探奇
- codeforces 325B Stadium and Games
- HashMap的工作原理(转)
- 如何为linux释放内存和缓存