专栏首页更流畅、简洁的软件开发方式【开源】QuickPager ASP.NET2.0分页控件V2.0.0.7 增加了一个js函数的分页方式。

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 【开源】我的分页控件正式命名为QuickPager ASP.NET2.0分页控件

    分页控件正式命名为 QuickPager ASP.NET2.0分页控件 。 版本号:2.0.0.1 Framework:.net2.0 分页方式:PostB...

    用户1174620
  • 【视频】自然框架之分页控件的使用方法(一) PostBack方式的一般分页方式

    前言:分页控件的优点 1、 按需所取 —— 需要几条记录就从数据库里提取几条记录,不会多取。 2、 使用简单 —— 设置几个属性就可以实现分页的功能。 3、...

    用户1174620
  • 【开源】QuickPager ASP.NET2.0分页控件V2.0.0.6 修改了几个小bug,使用演示。

         由于项目里面还在使用vs2003,还没有使用新的分页控件,所以对新的分页控件的测试还很不到位,遗留了不少的bug,感谢网友试用提出宝贵意见。由于项目正...

    用户1174620
  • 操作系统第二篇【进程管理】

    Java3y
  • 见识:你最终能走多远,取决于见识

    这本书是在一次公司内部会议上,部门的一位资深同事推荐并赠送的。吴军的书我看过几本了,总得来说,他的书写得都比较流畅,思路比较清晰,结构也很清楚,因此读起来都不怎...

    张子阳
  • SEO人员:频繁更新首页,会被惩罚吗?

    SEO是一个多细节的工作,影响网站排名的因素有很多,其中,广为大家讨论的就是网站首页,严格意义上讲,它对整站优化,起着重要的引导作用。

    蝙蝠侠IT
  • 第六节,Springboot多环境(dev、test、prod)配置

    项目开发中,我们往往需要根据不同环境修改配置文件,springboot提供了一套完美的解决方案

    DencyCheng
  • SpringBoot整合easyexcel实现Excel导入

    上篇《SpringBoot整合easyexcel实现Excel的导出》写了Excel如何导出,那么其实在提供的那几个工具类中已经有了导入的方法,只需要直接调用即...

    一个优秀的废人
  • 简单的linux系统配置故障定位与排除

    本文旨在通过一些常用命令的用法示例,让有一定linux基础的开发同学能对系统进行简单配置,也能够上服务器定位或者解决一些简单基础性的问题,做出初步故障排除,或者...

    Jayjiao
  • 四、实现生产、开发配置文件分离

    在SpringBoot中主要配置文件为application.properties配置文件,该文件我们也可以更改为application.yml,这里我们就直接...

    cn華少

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动