ICallbackHandler实现GridView无刷新实时更新

最新推荐文章于 2017-08-30 17:03:47 发布
转载 最新推荐文章于 2017-08-30 17:03:47 发布 · 110 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/trampt/archive/2008/05/21/1203717.html
文章标签：

#javascript #ui #ViewUI

  GridView的数据显示一般是固定的,假如要像Ajax那样实现GridView数据动态更新而不刷新页面,就有些难度了.客户提出的需求,没办法,也得去试着想办法实现.
  涉及到Asp.Net事件机制的实现"_doPostback".Asp.Net的底层封装了XMLHttpRequest异步请求对象.在WebResource.axd中可以查看到这些封装的JavaScript.对于页面的异步请求,我们需要实现ICallbackEventHandler接口,并显示实现其中的GetCallbackResult()和RaiseCallbackEvent()这两个方法.废话不多少,假如了解Asp.Net机制的话一看就明白了.代码就贴在下面:

public partial class upload_MixInfo : System.Web.UI.Page,System.Web.UI.ICallbackEventHandler
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            GetAllUser();
        }
        string cbReference = Page.ClientScript.GetCallbackEventReference(Page, "", "Refresh", "");
        btnGet.Attributes.Add("onclick",cbReference);
        string script="";
        script+="<script>\r\n";
        script+="function Refresh(DataFromServer){\r\n";
        script+="document.getElementById('Result').innerHTML=DataFromServer;\r\n";
        script+="}\r\n</script>\r\n";
        Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "Refresh", script);
    }
    public string GetCallbackResult()
    {
        return RenderControl(Test);
    }
    public void RaiseCallbackEvent(string eventArgument)
    {
        GetAllUser();
    }
    private string RenderControl(Control c)
    {
        StringWriter writer1 = new StringWriter(CultureInfo.InvariantCulture);
        HtmlTextWriter writer = new HtmlTextWriter(writer1);
        c.RenderControl(writer);
        writer.Flush();
        writer.Close();
        return writer1.ToString();
    }
    protected void GetAllUser()
    {
        string sql = @"(Transform Sum(Nums)
select [Users].[UserName] as 地区负责人 from (([Users] left join [User_Type] on [Users].UserId=[User_Type].UserId)  left join [Type] on [User_Type].TypeId=[Type].TypeId)  GROUP BY [Users].UserName
PIVOT [Type].TypeId)";
        OleDbConnection con = DBConn.NewConnection();
        OleDbCommand cmd = new OleDbCommand(sql, con);
        OleDbDataAdapter adapter = new OleDbDataAdapter(cmd);
        DataTable dt=new DataTable();
        adapter.Fill(dt);
        dt.Columns.Remove(dt.Columns[1]);
        sql = "select * from [Type]";
        cmd.CommandText = sql;
        DataTable t = new DataTable();
        adapter=new OleDbDataAdapter(cmd);
        adapter.Fill(t);
        DBConn.ResourceDispose(cmd);
        for (int i = 0; i < t.Rows.Count; i++)
        {
            for (int j = 0; j < dt.Columns.Count; j++)
            {
                if (t.Rows[i]["TypeId"].ToString() == ((DataColumn)dt.Columns[j]).ColumnName)
                {
                    dt.Columns[j].ColumnName = t.Rows[i]["TypeName"].ToString();
                }
            }
        }
        Test.DataSource = dt;
        Test.DataBind();
    }
}
<body>
    <form id="form1" runat="server">
    <input type="button" runat="server" id="btnGet" value="Get" style="display:none"/>
    <div id="Result">
        <asp:GridView ID="Test" runat="server" CellPadding="4" ForeColor="#333333">
            <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
            <RowStyle BackColor="#EFF3FB" />
            <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
            <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
            <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
            <EditRowStyle BackColor="#2461BF" />
            <AlternatingRowStyle BackColor="White" />
        </asp:GridView>
    </div>
    </form>
    <script type="text/javascript">function btnclick(){document.getElementById("btnGet").click();}setInterval("btnclick()",10000);</script>
</body>

转载于:https://www.cnblogs.com/trampt/archive/2008/05/21/1203717.html

Tips——GridView控件实时无刷新显示（Ajax）
lichen228的专栏
10-21 972
学习疑惑：在Updatepanel控件中放置了Gridview控件和触发更新的button控件，Gridview控件已经绑定到数据库，输入数据到数据库后，想让Gridview控件即时刷新显示。但是实际是毫无反应。关闭页面后再次打开才能刷新出来。解决办法：即使已经将Gridview控件绑定到数据库，每次使用button控件触发更新时仍要再次绑定Gridview控件。而且这个问题与Gridview
Ajax实现无刷新的获取数据并绑定到GridView,以及无刷新更新数据
weixin_30646315的博客
08-25 246
首先是获得数据并绑定好GridView客户端javascript代码: 1functionGetPersonnelKPIStep()2{34varsId=GetParam("c_id");56document....
Gridview无刷新状态例子
11-12
Gridview无刷新状态例子,值得好好参考!也可以直接放到项目中去.
页面无刷新取数据！gridview
weixin_30443813的博客
08-13 119
向各位请教下：这个是alibaba上的一个链接：http://china.alibaba.com/member/join.htm?tracelog=main_toolbar_reg这个页面上是无刷新连接数据！dropdownlist 无刷新联动，验证码也是点击无刷新的，请问这个是用什么样的技术来实现的？我用aspx ，在gridview 中 嵌套两个 dropdownlist , 并实现...
ajax无刷新添加gridview记录
weixin_30920853的博客
01-06 97
很久以前网上找到的，后来再找找不到了，清理硬盘发现，所以放出来，做个记录。程序包 转载于:https://www.cnblogs.com/q123126/archive/2011/01/06/1927686.html
GRIDVIEW无刷新AJAX 排序源码.zip
06-18
4. **JavaScript和jQuery**：虽然UpdatePanel可以实现无刷新更新，但可能还需要一些额外的JavaScript代码来处理细节，比如改变列头的样式以显示当前的排序状态。jQuery库可以帮助简化这些任务，提供更灵活的DOM操作...
ajaxpro无刷新，分页更新repeater_GridView数据源.rar
04-12
标题中的“ajaxpro无刷新，分页更新repeater_GridView数据源”指的是使用AjaxPro技术在ASP.NET环境中实现页面无刷新的分页加载和更新Repeater控件与GridView控件的数据源。AjaxPro是.NET Framework下的一种AJAX库，...
GRIDVIEW无刷新AJAX 排序源码_aspx开发教程.rar
09-09
3. **使用UpdatePanel实现无刷新排序**： UpdatePanel控件是ASP.NET AJAX库的一部分，它可以创建一个局部刷新的区域。在GridView外部添加一个UpdatePanel，然后将GridView放入其中。设置UpdatePanel的`Triggers`...
GridView无刷新主从表联动
07-12
在实现无刷新联动时，Jquery可以用于监听用户对GridView的交互，比如行被点击的事件。一旦检测到用户点击了某行，可以使用AJAX（异步JavaScript和XML）发送请求到服务器，获取对应的从表数据，然后在页面上动态更新...
GRIDVIEW无刷新AJAX 排序源码_gridviewajax.zip
12-22
3. **无刷新排序**：在GridView中实现无刷新排序，意味着用户点击列头进行排序时，只有表格数据发生变化，而无需重新加载整个页面。这样可以减少服务器负担，提高应用性能。 现在，让我们深入探讨如何实现这个功能...
简单GridView AJAX局部刷新分页例子
12-17
下面代码是一个简单的实现　Ajax　分页的例子。 查看例子 全部代码如下： ASPX 代码
用javascript实现无刷新更新数据
weixin_34391445的博客
08-03 306
程序设计中会经常碰到一种情况，就是事先无法得知用户会需要哪些数据，必须根据用户选择后再从服务器重新提取数据后反馈给用户。比如一简单的情况，用户选择省份以后，我们立即会在市里边将这个省的所有市重新显示出来。这种情况一般需要将整个页面刷新后才可以重新读取，但这样不仅效率不高外，也显得不太优雅。其实用javascript结合微软件的xmlhttp对象，我们可以不用刷新，“稍稍”的就...
GridView刷新问题
maimu9365的博客
01-01 391
list值有改变， 调用adapter.notifyDataSetChanged()方法，没有刷新效果，为啥啊
GridView控件实现无刷新数据操作
kevin
08-13 912
                                                     AutoGenerateColumns="False" BackColor="White" BorderColor="#CC9966"                 BorderStyle="None" BorderWidth="1px" CellPadding="4" DataKeyNam
通过Ajax技术实现无刷新的更新数据表格
weixin_30347009的博客
03-20 352
HTML代码(WebForm1.aspx) <HTML><HEAD><title>WebForm2</title><metacontent="MicrosoftVisualStudio.NET7.1"name="GENERATOR"><metacontent="...
Devexpress aspxgridview oncustomcallback 无刷新更新数据
zwm520lj的专栏
04-22 5184
protected void gridView_CustomCallback(object sender, ASPxGridViewCustomCallbackEventArgs e) { ASPxGridView gridView = sender as ASPxGridView; if (e.Parameters=="1")
asp.net之GridView+UpdatePanel异步刷新
qingliuli的博客
08-30 3413
本文转自http://www.cnblogs.com/freeliver54/p/5685272.html UpdatePanel局部刷新的使用ScriptManager和UpdatePanel控件联合使用可以实现页面异步局部更新的效果。其中的UpdatePanel就是设置页面中异 步局部更新区域，它必须依赖于ScriptManager存在，因为ScriptManger控件提供了客户端脚本生成与管
C#.NET实现GridView无刷新分页技术
在GridView的分页场景中，可以通过将GridView放入UpdatePanel控件中，并设置触发更新的控件或事件，来实现无刷新分页。 7. jQuery 和AJAX: 虽然ASP.NET AJAX提供了一种简便的方式来实现无刷新分页，但许多开发者更...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值