【开源】QuickPager ASP.NET2.0分页控件V2.0.0.7 增加了一个js函数的分页方式。

简介:      昨天在csdn上看到一个人提出来了一种分页的需求,大致是分页控件只负责绘制总页数、上一页、下一页等信息,然后在用户翻页的时候可以触发一个js函数,然后自己实现这个js函数。并不需要提交表单,他想用ajax的方式来获取数据,但是又不想使用微软的ajax。

 

     昨天在csdn上看到一个人提出来了一种分页的需求,大致是分页控件只负责绘制总页数、上一页、下一页等信息,然后在用户翻页的时候可以触发一个js函数,然后自己实现这个js函数。并不需要提交表单,他想用ajax的方式来获取数据,但是又不想使用微软的ajax。

 

     大概的需求就是这样的(至少我的理解是这样的),不知道吴旗娃的分页控件是不是支持这种需求。不过我的分页控件还没有涉及到ajax,原因是我还不会用ajax,那么是不是可以先实现这种需求呢?想了一下,比较简单,只要继承PageUI类,写一个UI_JS子类,在这个子类里面override几个函数就可以了。好先试一下。大约半个小时之后,ok。达到了自己想要的目的。

 

     分页控件在这种方式下负责的事情:绘制总记录数,总页数,第几页,首页,末页,上一页,下一页,还有在翻页的时候触发一个js函数,不会触发表单提交。

     

private   void  SetPagerInfo()
img_405b18b4b6584ae338e0f6ecaf736533.gifimg_1c53668bcee393edac0d7b3b3daff1ae.gif    
{
        
//设置成自定义方式,这种方式分页控件不获取数据,需要自己获取数据。
        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

相关文章
|
9天前
|
C#
一个.NET开源、轻量级的运行耗时统计库 - MethodTimer
一个.NET开源、轻量级的运行耗时统计库 - MethodTimer
|
2月前
|
存储 缓存 供应链
.NET 开源工业级移动端仓库管理系统
【9月更文挑战第17天】.NET 开源工业级移动端仓库管理系统是一款基于 .NET 技术的高效仓库管理解决方案,具备开源免费、工业级品质、移动端支持等特性,提供全面的仓库管理功能,如入库、出库、库存及报表统计,并采用模块化设计,便于定制和扩展,显著提升仓库管理效率与准确性。
|
1月前
|
JavaScript 前端开发
JavaScript分页功能
JavaScript分页功能
|
9天前
|
消息中间件 监控 数据可视化
基于.NET开源、功能强大且灵活的工作流引擎框架
基于.NET开源、功能强大且灵活的工作流引擎框架
|
9天前
|
JavaScript 前端开发 API
精选5个.NET开源且免费的通用权限管理系统
精选5个.NET开源且免费的通用权限管理系统
|
28天前
|
关系型数据库 C# 数据库
.NET 8.0 开源在线考试系统(支持移动端)
【10月更文挑战第27天】以下是适用于 .NET 8.0 的开源在线考试系统(支持移动端)的简介: 1. **基于 .NET Core**:跨平台,支持多种数据库,前后端分离,适用于多操作系统。 2. **结合 Blazor**:使用 C# 开发 Web 应用,支持响应式设计,优化移动端体验。 3. **基于 .NET MAUI**:跨平台移动应用开发,一套代码多平台运行,提高开发效率。 开发时需关注界面设计、安全性与稳定性。
|
9天前
|
网络协议 Unix Linux
精选2款C#/.NET开源且功能强大的网络通信框架
精选2款C#/.NET开源且功能强大的网络通信框架
|
9天前
|
机器学习/深度学习 文字识别 并行计算
一款.NET开源的屏幕实时翻译工具
一款.NET开源的屏幕实时翻译工具
|
9天前
|
开发框架 安全 .NET
.NET使用Moq开源模拟库简化单元测试
.NET使用Moq开源模拟库简化单元测试~
|
1月前
|
网络协议 Unix Linux
一个.NET开源、快速、低延迟的异步套接字服务器和客户端库
一个.NET开源、快速、低延迟的异步套接字服务器和客户端库