【开源】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

目录
打赏
0
0
0
0
1
分享
相关文章
|
21天前
|
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
37 1
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
震撼!破解 ASP.NET 服务器控件 Button 执行顺序之谜,颠覆你的开发认知!
【8月更文挑战第16天】在ASP.NET开发中,通过Button控件实现先执行JavaScript再触后台处理的需求十分常见。例如,在用户点击按钮前需前端验证或提示,确保操作无误后再传递数据至后台深度处理。此过程可通过设置Button的`OnClientClick`属性调用自定义JavaScript函数完成验证;若验证通过,则继续触发后台事件。此外,结合jQuery也能达到相同效果,利用`__doPostBack`手动触发服务器端事件。这种方式增强了应用的交互性和用户体验。
68 8
.NET 开源扁平化、美观的 C/S 控件库
【10月更文挑战第23天】介绍了三款适用于 .NET 平台的开源扁平化、美观的 C/S 控件库:MaterialSkin 采用 Google Material Design 风格,适合现代感界面;Krypton Toolkit 提供丰富控件,界面易于定制;Fluent Ribbon Control Suite 模仿 Office 界面,适合复杂功能应用。每款控件库均附有示例代码及 GitHub 链接。
185 0
winform .net6 和 framework 的图表控件,为啥项目中不存在chart控件,该如何解决?
本文讨论了在基于.NET 6和.NET Framework的WinForms项目中添加图表控件的不同方法。由于.NET 6的WinForms项目默认不包含Chart控件,可以通过NuGet包管理器安装如ScottPlot等图表插件。而对于基于.NET Framework的WinForms项目,Chart控件是默认存在的,也可以通过NuGet安装额外的图表插件,例如LiveCharts。文中提供了通过NuGet添加图表控件的步骤和截图说明。
winform .net6 和 framework 的图表控件,为啥项目中不存在chart控件,该如何解决?
一组.NET MAUI绘制的开源控件 - AlohaKit
一组.NET MAUI绘制的开源控件 - AlohaKit
112 0
一个用于管理多个 Node.js 版本的安装和切换开源工具
【9月更文挑战第14天】nvm(Node Version Manager)是一个开源工具,用于便捷地管理多个 Node.js 版本。其特点包括:版本安装便捷,支持 LTS 和最新版本;版本切换简单,不影响开发流程;多平台支持,包括 Windows、macOS 和 Linux;社区活跃,持续更新。通过 nvm,开发者可以轻松安装、切换和管理不同项目的 Node.js 版本,提高开发效率。
184 4
开源项目:使用 Atom-Electron 和 Vue.js 制作的简单 RSS 阅读器!!
开源项目:使用 Atom-Electron 和 Vue.js 制作的简单 RSS 阅读器!!
Echarts是一个开源的JavaScript可视化库,用于创建各种类型的图表
Echarts是JavaScript的开源可视化库,Python通过Pyecharts库可调用它来绘制图表。示例展示了如何用Pyecharts创建柱状图:定义图表对象,设置标题和坐标轴,添加X轴、Y轴数据,最后渲染展示。Pyecharts还支持折线图、散点图、饼图等多种图表类型,更多详情可查阅官方文档。
193 0
开源专访:Strve.js框架作者Vam
开源专访:Strve.js框架作者Vam
120 2

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等