[转]Oracle分页之三：利用PagerView来实现无刷新GridView

本文转自：http://www.cnblogs.com/scy251147/archive/2011/04/16/2018355.html

接上面一节，上面还存在问题就是分页控件使用的仍然是服务器端控件，没点一次就要刷新页面一次，也就是向服务器端请求一次。那么用什么方法能够让页面无刷新而进行分页呢？

在这里，我想到了PagerView这套开源控件，有兴趣的朋友可以通过PagerView关键字去搜搜，然后研究下，这个封装的还是挺好的。

但是，这里遇到一个问题，如何让页面的GridView实现无刷新加载数据呢？这里我不得不提到我以前文章中写道的ICallbackEventhandler接口，这是微软的一个ajax回调接口，然后再配合这输出页面HTML的方式，不就可以实现无刷新GridView分页了吗？

前台代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="PagerWithPagerView.aspx.cs" Inherits="PagerWithPagerView" %>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

    <script src="tableview/scripts/jquery.js" type="text/javascript"></script>

    <script src="tableview/scripts/PagerView.js" type="text/javascript"></script>

    <link href="tableview/style.css" rel="stylesheet" type="text/css" />

    <link href="css/TableZB.css" rel="stylesheet" type="text/css" />

    <link href="css/swcss.css" rel="stylesheet" type="text/css" />

    <link href="css/GridViewCSS_O.css" rel="stylesheet" type="text/css" />

   <%--<style type="text/css">

    .PagerView a

    {

        background:url(images/loginButton.gif) no-repeat;

    }

   </style>--%>

</head>

<body>

   <form id="form1" runat="server">

   <div id="myData">

       <asp:GridView CssClass="GVtable" ID="GridView1" runat="server" Width="100%"

        AutoGenerateColumns="False">

        <Columns>

        <asp:TemplateField HeaderText="编号">

        <ItemTemplate>

        <%#Eval("R").ToString() %></ItemTemplate></asp:TemplateField>

        <asp:TemplateField HeaderText="纳税人识别码">

        <ItemTemplate><%#Eval("nsrsbm").ToString() %></ItemTemplate></asp:TemplateField>

         <asp:TemplateField HeaderText="纳税人名称">

        <ItemTemplate><%#Eval("nsr_mc") %></ItemTemplate></asp:TemplateField>

         <asp:TemplateField HeaderText="登记类型">

        <ItemTemplate><%#Eval("djlx_mc")%></ItemTemplate></asp:TemplateField>

         <asp:TemplateField HeaderText="登记状态">

        <ItemTemplate><%#Eval("dj_ztmc")%></ItemTemplate></asp:TemplateField>

         <asp:TemplateField HeaderText="注册类型">

        <ItemTemplate><%#Eval("zclx_mc")%></ItemTemplate></asp:TemplateField>

         <asp:TemplateField HeaderText="所别">

        <ItemTemplate><%#Eval("gljg_mc")%></ItemTemplate></asp:TemplateField>

         <asp:TemplateField HeaderText="专管员">

        <ItemTemplate><%#Eval("zgy_mc")%></ItemTemplate></asp:TemplateField>

         <asp:TemplateField HeaderText="所属性">

        <ItemTemplate><%#Eval("ssx_mc")%></ItemTemplate></asp:TemplateField>

         <asp:TemplateField HeaderText="操作">

        <ItemTemplate>

            <asp:LinkButton ID="lbtnOperation" CommandArgument='<%#Eval("nsrsbm") %>' runat="server">编辑</asp:LinkButton>

        </ItemTemplate>

        </asp:TemplateField>

        </Columns>

    </asp:GridView>

    </div>

   <script type="text/javascript">

    window.onload=function(){

         var pager = new PagerView('pager');  //pager对象申明

         pager.itemCount = <%=totalCount %>;  //设置当前显示的页索引

         pager.size = <%=_pageSize %>;  //设置每页显示条数

         pager.onclick = function(index) {

             raiseCallBack(index,"");  //当分页按钮被点击的时候，触发的Ajax回调函数

         };

         pager.render();

     }

     //ajax回调成功后，进行处理的函数

     function rServer(arg,context)

     {

        $("#myData").text();

        $("#myData").html(arg);

     }

     //ajax回调函数，用户向后台请求数据

     function raiseCallBack(arg,context)

     {

        <%=ClientScript.GetCallbackEventReference(this,"arg","rServer","context") %>;

     }

</script>

    </form>

     <div id="pager"></div>

</body>

</html>

那么在后台只要先实现ICallbackEventhandler接口，然后获取从前台传送过来的数据，进行处理，最后将html标签元素打到前台即可。

后台代码如下：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data;

public partial class PagerWithPagerView : System.Web.UI.Page,ICallbackEventHandler

{

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

        {

            Bind();

        }

    }

    public static int _pageSize = ;

    public static int _startSize = ;

    public static int totalCount;

    public string _str;

    //绑定gridview  并将绑定后的gridview对象返回

    private GridView Bind()

    {

        string sqlQuery = "select nsrsbm,nsr_mc,djlx_mc,dj_ztmc,zclx_mc,gljg_mc,zgy_mc,ssx_mc from scott.t_yhs_djxxtz";

        DataSet ds = Pagination.PaginationPager(sqlQuery, _pageSize, _startSize, out   totalCount);

        GridView1.DataSource = ds.Tables["Table"];

        GridView1.DataBind();

        return GridView1;

    }

    public string GetCallbackResult()

    {

        return _str;  //将html返回到前台

    }

    public void RaiseCallbackEvent(string eventArgument)

    {

        if (!string.IsNullOrEmpty(eventArgument))

        {

            _startSize = Int32.Parse(eventArgument);

            Response.ClearContent();  //清除

            GridView gv=Bind(); //得到GridView对象

            System.Text.StringBuilder sb = new System.Text.StringBuilder();

            System.IO.StringWriter sw = new System.IO.StringWriter(sb);

            HtmlTextWriter htw = new HtmlTextWriter(sw);

            Header.RenderControl(htw);

            gv.RenderControl(htw);  //将生成的html元素render出来

            _str = sb.ToString();

        }

    }

}

代码中已经有了注释，我这里不再详细说明，这里只要知道ICallbackEventhandler接口的使用方法即可。

[转]Oracle分页之三：利用PagerView来实现无刷新GridView的更多相关文章

nodejs利用ajax实现网页无刷新上传图片
nodejs利用ajax实现网页无刷新上传图片标签(空格分隔): nodejs 通常情况下上传图片是要通过提交form表单来实现的,但是这又不可避免的产生了网页转. 利用ajax技术和FormDat ...
扩展GridView实现的一个自定义无刷新分页，排序，支持多种数据源的控件TwfGridView
最近项目View层越来越趋向于无刷新化,特别是数据展示方面,还要对Linq有很好的支持.在WebFrom模式的开发中,GridView是一个功能很强大,很常用的控件,但是他也不是完美的,没有自带的无刷 ...
无刷新分页 jquery.pagination.js
无刷新分页 jquery.pagination.js 采用Jquery无刷新分页插件jquery.pagination.js实现无刷新分页效果 1.插件参数列表 http://www.dtan.so ...
自己动手用Javascript写一个无刷新分页控件
.NET技术交流群:337901356 ,欢迎您的加入! 对于一个用户体验好的网站来说,无刷新技术是很重要的,无刷新,顾名思义,就是局部刷新数据,有用过Asp.net Web Form技术开发网页的 ...
利用Content-disposition实现无刷新下载图片文件
今天在使用 tinypng.com 这个在线压缩图片的网站时,对其处理完图片后,可以无刷新下载图片感到好奇,于是了解了一下相关实现.无刷新下载可以利用MIME type或者设置Content-disp ...
Oracle 分页原理
oracle rownum 及分页处理的使用方法在实际应用中我们经常碰到这样的问题,比如一张表比较大,我们只要其中的查看其中的前几条数据,或者对分页处理数据.在这些情况下我们都需要用到rownum. ...
【SQL】Oracle分页查询的三种方法
[SQL]Oracle分页查询的三种方法采用伪列 rownum 查询前10条记录 ? 1 2 3 4 5 6 7 8 9 10 11 [sql] select * from t_user t whe ...
Sqlserver2008和Oracle分页语句
SqlServer 分页语句 select StuID ,StuNo,StuName,Age,Sex, ClassName ClassName from (select *, row_number() ...
mysql和oracle 分页查询（转）
最近简单的对oracle,mysql,sqlserver2005的数据分页查询作了研究,把各自的查询的语句贴出来供大家学习..... (一). mysql的分页查询 mysql的分页查询是最简单的,借 ...

随机推荐

R语言-简单线性回归图-方法
目标:利用R语言统计描绘50组实验对比结果第一步:导入.csv文件 X <- read.table("D:abc11.csv",header = TRUE, sep = & ...
easyui-简单用法寄一些属性
Easyui 总结优点: A.简单易用继承 jQuery 简易使用特性,提供高度抽象接口,短期改善网站易用性. B.开源免费采用 MIT & GPL 双协议授权,轻松满足自由产品至企业产 ...
Win7如何部署apache服务器(包括SSL设置)
部署普通站点 1.首先下载apache24版本,下载地址为http://pan.baidu.com/s/1pLmvDgB; 2.解压到你的电脑本地目录,如D:\Apache24(下文配置都会以当前目录 ...
PHP框架中最喜欢的WindFramework
题外话, 像我这样从小到大作文打0分居多的人,写文章,实在是没有耐心的,抱歉. 尽管自己也山寨过许多PHP框架,但被山寨的对象中,最喜欢的是WindFramework. Yii其实更好,但太大而全. ...
[python学习笔记]Day3
函数如: def is_leapyear(year): if (year%4 == 0 and year%100 != 0) or (year%400 == 0): return True else ...
PHP redis Api 中文文档
phpredis是php的一个扩展,效率是相当高有链表排序功能,对创建内存级的模块业务关系很有用;以下是redis官方提供的命令使用技巧: 下载地址如下: https://github.com/ow ...
winform（MDI窗体容器、权限设置）
一.MDI窗体容器: 1.功能: 它可以让其它窗体在它的内部打开,无法超出它的范围将某个窗体的属性:IsMdiContainer设置为true - 窗口样式 2.问题: (1)如何将其它窗体在它的内 ...
ng-click
使用ng-clcik代码是发现其内的a标签失效: 于是测试下,发现绑定在document上的click事件在点击ng-click绑定的元素上也会失效: <div ng-click="c ...
Python基础（2）--对象类型
Python使用对象模型来存储数据.构造任何类型的值都是一个对象所有的Python对象都拥有三个特性:身份.类型.值身份: 每一个对象都有一个唯一的身份来标志自己,任何对象的身份可以使用内建函数i ...
UITabBarItem的selectedImage
TabBar使用频率很高的一个组件,TabBar的TabBarItem有两个属性一个是image(未选中图片),另一个是selectedImage(选中时图片) 但是运行时发现,选中时的图片变成了蓝色 ...

[转]Oracle分页之三：利用PagerView来实现无刷新GridView

[转]Oracle分页之三：利用PagerView来实现无刷新GridView的更多相关文章

随机推荐

热门专题