首页 技术 正文
技术 2022年11月14日
0 收藏 846 点赞 2,883 浏览 3263 个字
/*
* 分页 $("#divPager").flexipager
* 2015.03.17
*///初始化列表默认属性
(function($) {
$.addFlex = function(t, p) {
if (t.pager) return false; // 若已经存在Pager - DIV 对象则return
p = $.extend({
url: false, // 获取数据源对应的url地址
async: true, // 默认异步加载(false=同步)
method: 'POST', // 数据发送方式
dataType: 'json', // 数据加载的类型,json
page: 1, // 当前页
newp: 1, // 默认当前页
total: 1, // 总页面数
rp: 2, // 每页默认的结果数
sortname: "", // 排序字段
sortorder: "", // asc desc
primaryKey: "", // 主键字段名
coloursEvent: "" // 界面渲染
}, p); $(t).show().attr({ cellPadding: 0, cellSpacing: 0, border: 0 }).removeAttr('width'); var g = {
//分页
buildpager: function() {
// g.pDiv = document.createElement('div');
// g.pDiv.innerHTML = '<div class="pDiv2"></div>'; // alert($(g.pDiv).html());
// alert($(this.pDiv).html()); var html = "<span class='pFirst'>首页</span>&nbsp;<span class='pPrev'>上一页</span>&nbsp;<span class='pPageStatr'>1</span>/<span class='pTotal'>1</span>&nbsp;<span class='pNext'>下一页</span>&nbsp;<span class='pLast'>尾页</span>&nbsp;&nbsp;&nbsp;";
html += "<span>共&nbsp;</span><span class='rTotal'>0</span><span>&nbsp;条记录</span> "; $(t).append(html); $('.pFirst', t).click(function() { g.changePage('first') });
$('.pPrev', t).click(function() { g.changePage('prev') });
$('.pNext', t).click(function() { g.changePage('next') });
$('.pLast', t).click(function() { g.changePage('last') });
this.populate();
},
//获取数据
populate: function() { if (p.page > p.pages)
p.page = p.pages; var param = [
{ name: 'page', value: p.newp }
, { name: 'rp', value: p.rp }
, { name: 'sortname', value: p.sortname }
, { name: 'sortorder', value: p.sortorder }
, { name: 'primaryKey', value: p.primaryKey } ]; $.ajax({
type: p.method,
url: p.url,
async: p.async,
data: param,
success: function(data) {
data = "[" + data + "]";
var page = eval(data)[0].page;
var total = eval(data)[0].total;
var json = eval(data)[0].rows; p.pages = Math.ceil(parseInt(total) / 2); $(".pTotal", t).html(p.pages); //页数
$(".rTotal", t).html(total); //总记录
$(".pPageStatr", t).html(p.page); //当前页 //alert(json);
if (p.coloursEvent)
p.coloursEvent(json); },
error: function(data) {
alert("error:");
try {
} catch (e) { alert("error:"); }
}
});
}, //翻页
changePage: function(ctype) {
//alert(ctype);
switch (ctype) {
case 'first':
//p.page = p.newp = 1;
p.newp = 1;
break;
case 'prev':
if (p.page > 1)
p.newp = parseInt(p.page) - 1;
break;
case 'next':
if (p.page < p.pages)
p.newp = parseInt(p.page) + 1;
break;
case 'last':
p.newp = p.pages;
break;
} if (p.newp == p.page)
return false; p.page = p.newp; this.populate();
}
}; g.buildpager();
t.p = p;
t.pager = g;
if (p.url && p.autoload) {
g.populate();
}
return t;
}; var docloaded = false; //文档加载完毕标识
$(document).ready(function() { docloaded = true });
var urlString = document.location.pathname; //当前页面的url
var huayingPageRpNum = urlString + "-huayingPageRpNum"; //设置当前页面的分页条数 //构造函数
$.fn.flexipager = function(p) {
return this.each(function() {
if (!docloaded) {
$(this).hide();
var t = this;
$(document).ready(function() { $.addFlex(t, p); });
} else {
$.addFlex(this, p);
}
});
};})(jQuery);
var hyajax =
{
eventAjax: function() { },
executeAjax: function(requestType) {
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
xmlhttp.onreadystatechange = hyajax.eventAjax
xmlhttp.open("")
}
}
    <script src="ETOS_Js/Plugin/jQuery/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="ETOS_Js/JsPager/JsPager.js" type="text/javascript"></script> <script type="text/javascript">
$(document).ready(function() { $("#divPager").flexipager({
url: "/Handlers/Topics.ashx?Action=Get_AnswerList",
sortname: "createTime",
sortorder: "desc",
coloursEvent: addData
}); }); function addData(json) {
alert(json + "");//返回一个json数据 在进行解析数据
} </script>
相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,084
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,559
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,408
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,181
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,818
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,901