实用技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > ASP.NET > 实用技巧 > Ajax异步无刷新局部更新

Ajax异步无刷新对局部数据更新

作者:

Ajax异步无刷新对局部数据更新的实例

复制代码 代码如下:

<asp:ScriptManager ID="smScriptManager" runat="server">
</asp:ScriptManager>

复制代码 代码如下:

<asp:UpdatePanel ID="upLinkmanList" UpdateMode="Conditional" runat="server">
<ContentTemplate>
//要更新的数据部分,如一个Repeater,包括分页控件;
</ContentTemplate>
</asp:UpdatePanel>

复制代码 代码如下:

//后台需要把页面注册为Ajax
AjaxPro.Utility.RegisterTypeForAjax(typeof(所要注册的页面Inherits的最后一个单词,如:页面为:CustomerList.aspx,则这里就是CustomerList));

//注册异步控件,lnkbtnRefreshLinkman十个Linkbutton,用于调用后台的数据更新方法;
this.smScriptManager.RegisterAsyncPostBackControl(lnkbtnRefreshLinkman);

//注册分页控件 this.smScriptManager.RegisterAsyncPostBackControl(this.Pager);


复制代码 代码如下:

/// <summary>
/// 刷新联系人列表
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
public void RefreshLinkmanList(object sender, EventArgs e)
{
       //更新Ajax控件所包含在内的数据,Ajax控件的UpdateMode必须指定为Conditional  
       upLinkmanList.Update();
}

复制代码 代码如下:

//前台脚本方法里调用Linkbutton的onclick事件,记得先导入Jquery脚本文件的引用哦
$("#<%=lnkbtnRefreshLinkman.ClientID %>").click();

您可能感兴趣的文章:
阅读全文