ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

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

2021-04-24 22:56:02  阅读:201  来源: 互联网

标签:控件 PageIndex ASP 分页 js ajax 一页


   

向ajax买入的第一步。 js函数的分页方式。

 

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

 

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

 

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

     

private void SetPagerInfo()
watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=    {
        //设置成自定义方式,这种方式分页控件不获取数据,需要自己获取数据。
        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)下自己获取数据。

 

 

标签:控件,PageIndex,ASP,分页,js,ajax,一页
来源: https://blog.51cto.com/u_15179455/2729734

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有