zoukankan      html  css  js  c++  java
  • 【开源】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

  • 相关阅读:
    “北斗人”梦想成真!星间链路新技术探索,ThingJS 3D 可视化 效果图
    如何从道路BIM模型中提取数据?分三步超简单!ThingJS 3D 可视化
    ThingJS: 做一个数据可视化项目的难点在什么地方?3D 可视化 three.js
    震撼来袭 | ThingJS 3D城市应用双11钜惠,低至688元>>官方优惠
    ThingJS 和three.js开发有何不同,让开发早点下班回家!3D 可视化
    NASA样本实验室之3D渲染图,和宇航员一样的上帝视角!3D 可视化 ThingJS
    三维建模国内外技术对比:和SketchUp、Revit建模软件相媲美 3D 地图 可视化 ThingJS
    CSS两列及三列自适应布局方法整理
    前端进阶-每日一练(3)
    前端进阶-每日一练(2)
  • 原文地址:https://www.cnblogs.com/jyk/p/1256943.html
Copyright © 2011-2022 走看看