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);

}

*/

版权声明:本文博客原创文章,博客,未经同意,不得转载。

时间: 2024-09-26 22:06:39

Javascrpt 页面工具的相关文章

Javascrpt 分页工具

title: The following iterative sequence is defined for the set of positive integers: n n/2 (n is even) n 3n + 1 (n is odd) Using the rule above and starting with 13, we generate the following sequence: 13 40 20 10 5 16 8 4 2 1 It can be seen that thi

jekyll介绍安装.github静态页面工具

jekyll build # => 当前文件夹中的内容将会生成到 ./site 文件夹中. $ jekyll build --destination <destination> # => 当前文件夹中的内容将会生成到目标文件夹<destination>中. $ jekyll build --source <source> --destination <destination> # => 指定源文件夹<source>中的内容将会生

html页面工具-htmlUnit

HtmlUnit测试工具的推出,创意非常好.是一款给java开发用的browser.说它是browser,其实它是对html建模并且提供API来访问页面,点击链接等等的java类库. 这样的测试工具有这样几个优点: 运行起来没有界面,速度非常快. 由于是java类库,有无限扩展的可能,可以构造各种功能强大的工具.包括本地化测试,多种数据源输入数据. 跨平台,跨浏览器.java本身就有跨平台的特性,浏览器,只要简单的设定一个参数就可以轻易模仿想要的浏览器了. 转化为性能测试,非常简单,可以共享同一

微软Connect教程系列--自动生成增删改查页面工具介绍(二)

本章课程描述了vs2015的三个特点,其中主要将描述在vs2015下面,使用命令自动生成增删改查界面,具体如下: 1.web.config文件不在存在,用config.json替代,以适应支撑vs的插件化. 即config.json可以在项目中不存在,你可以用xml文件或其他方式创建数据库连接. 2.获取nuget包更便捷 打开project.json,在dependencies节点输入“Newtonsoft.json”,并选择好相应版本,保存后,vs的引用就会自动从nuget上下载newton

ASP.NET 数据库页面访问简单工具

在工作中,有很多项目已上线后,很多项目的数据库服务器都不会对外开放的,外网想直接访问客户数据库服务器时,可能会出现困难. 这时就需要一个可以查询,更新数据库操作的页面了: 本来用sql语句直接操作数据库数据是不好的,所以此页面工具只针对已经非常熟悉数据库结构的人来使用,因为可以执行更新/修改语句,请慎用. 目前没对这个页面做任何的访问限制,出于对数据的安全性考虑,强烈建议对本页面的访问做访问限制处理! <%@ Page Language="C#" %> <%@ Imp

常用性能测试工具和命令汇总

测试大块 测试子块 工具或命令 用途和说明 APP前端 Android端     应用性能(CPU) 命令:adb shell(dumpsys cpuinfo) 测试在空闲.中等消耗.高消耗下cpu的运行情况 命令:top -m 5 -s cpu 应用性能(内存) 命令:adb shell(dumpsys meminfo ) 测试内存的运行情况 命令:getprop |grep dalvik.vm.heapgrowthlimit 应用性能(电量) 命令:adb shell(dumpsys bat

解决微信转发到朋友圈没有获取页面头像以图标展示。

http://203.195.235.76/jssdk/#menu-webview  微信JS-SDK demo https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign  微信js接口签名校验工具 做移动页面要加入微信官方的jssdk的 js 还有wx.config配置. 如果出现signature 报错提示,说明页面本身的url和签名生成的不一致: 按照微信公众平台的开发文档,签名错误排查方法如下: invalid signatur

网站页面识别基础上

今天学到了网页的基础知识.有:一.静态网页和动态网页的区分.静态网页是不连接数据库,后期如果想要更改网页的主页图片或产品需要程序员用源代码进行更改.而动态网页是非程序员也可以通过后台页面,增删图片的.通常静态网页作用多于静态网页.二.通过DW软件查看网页的代码,里面的代码含义以及一些IT的英文注解意思.1.在html中静态页面工具例如:①CSS:具有美化网页的作用:②java script:是脚本语言的意思.做特效用的.例如:网页的大图进行更换时,或建设二级或三级连接?③Xml:和Html的语法

自定义tld标签,页面使用

背景需求: 系统本身的session不能在页面使用 如下: controller: @RequestMapping(method=RequestMethod.GET) public String getIndex(HttpServletRequest request){ //获取工具id,返回页面工具id,为设置页面高度 request.setAttribute("toolId",toolManager.getCurrentPlacement().getId().replaceAll(