【开源】QuickPager ASP.NET2.0分页控件V2.0.0.7 增加了一个js函数的分页方式。
时间:2022-04-28
本文章向大家介绍【开源】QuickPager ASP.NET2.0分页控件V2.0.0.7 增加了一个js函数的分页方式。,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
昨天在csdn上看到一个人提出来了一种分页的需求,大致是分页控件只负责绘制总页数、上一页、下一页等信息,然后在用户翻页的时候可以触发一个js函数,然后自己实现这个js函数。并不需要提交表单,他想用ajax的方式来获取数据,但是又不想使用微软的ajax。
大概的需求就是这样的(至少我的理解是这样的),不知道吴旗娃的分页控件是不是支持这种需求。不过我的分页控件还没有涉及到ajax,原因是我还不会用ajax,那么是不是可以先实现这种需求呢?想了一下,比较简单,只要继承PageUI类,写一个UI_JS子类,在这个子类里面override几个函数就可以了。好先试一下。大约半个小时之后,ok。达到了自己想要的目的。
分页控件在这种方式下负责的事情:绘制总记录数,总页数,第几页,首页,末页,上一页,下一页,还有在翻页的时候触发一个js函数,不会触发表单提交。
private void SetPagerInfo()
{
//设置成自定义方式,这种方式分页控件不获取数据,需要自己获取数据。
myPager.SetRunKind = JYK.Controls.Page.myPageRunKind.Customer;
//设置成js函数的分页方式
myPager.SetUIKind = JYK.Controls.Page.myPageUIKind.JS;
//设置总记录数,需要自己得到总记录数。
myPager.SetPageRecordCount = 90; //假设有90条记录
//下面的属性就可以不用设置了。
}
设置这三个属性就可以了。然后需要在aspx页面里面写一个js函数来实现提取数据的代码,这个就要自己实现了。
var PageIndex =0;
function jsClick(index)
{
var a = document.getElementById("f_Index");
var b = document.getElementById("f_PageCount");
//alert(a.innerText);
PageIndex = a.innerText * 1;
var PagerCounr = b.innerText * 1
//index的值:a,首页;b,上一页;c,下一页;d,末页
switch (index)
{
case "a":
alert("用户想翻到首页");
PageIndex = 1;
break;
case "b":
alert("用户想翻到上一页");
PageIndex = PageIndex -1;
break;
case "c":
alert("用户想翻到下一页");
PageIndex = PageIndex +1;
break;
case "d":
alert("用户想翻到末页");
PageIndex = PagerCounr;
break;
}
if (PageIndex < 1) PageIndex =1;
if (PageIndex > PagerCounr) PageIndex = PagerCounr;
a.innerText = PageIndex; //设置翻页后的页数
//这里只是一个我的想法,如果您有更好的,那么可以改成你的。
}
不知道这么做是不是能能够满足他的需求。不过下一步我想让分页控件也能够实现在ajax(准确的说是xmlHttp)下自己获取数据。
老规矩,分页控件的源码和demo下载:http://www.cnblogs.com/jyk/archive/2008/07/29/1255891.html
- 如何在Kerberos环境的CDH集群部署Livy
- 如何在Kerberos环境下使用Haproxy实现HiveServer2负载均衡
- Hive与Impala的关键字
- 如何通过Livy的RESTful API接口向非Kerberos环境的CDH集群提交作业
- 如何编译Livy并在非Kerberos环境的CDH集群中安装
- Livy,基于Apache Spark的开源REST服务,加入Cloudera Labs
- 如何在RedHat7上使用Bind搭建DNS服务
- 如何在Redhat7.3的CDH5.14中启用Kerberos
- 如何使用SAML配置Cloudera Manager的身份验证
- 如何使用Shibboleth搭建IDP服务并集成OpenLDAP
- 如何获取Hive正在执行或者已结束的的MapReduce作业的SQL语句
- 如何启用Oozie的HA
- 如何使用Oozie API接口向Kerberos环境的CDH集群提交Spark作业
- 如何降级Cloudera Manager和CDH
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 打卡群刷题总结1005——跳跃游戏
- 真是活久见,在 Minecraft 的虚拟游戏里竟然还能管理 Kubernetes!
- 打卡群2刷题总结1007——反转链表
- 打卡群2刷题总结1001——两数之和 II - 输入有序数组
- 复杂一点的SQL语句
- PL/SQL Developer连接本地Oracle 11g 64位数据库
- 打卡群刷题总结1007——买卖股票的最佳时机 II
- 事务Transaction
- 打卡群2刷题总结1006—— 删除链表的倒数第N个节点
- 打卡群刷题总结1006——跳跃游戏 II
- 面试官常问的Spring依赖注入和Bean的装配问题,今天给大家讲清楚!
- 打卡群刷题总结1003——分割等和子集
- 打卡群2刷题总结1005——有效的括号
- 腾讯云服务器操作系统TencentOS安装与体验
- 打卡群2刷题总结1004——无重复字符的最长子串