本文介绍了一个使用ASP.NET AJAX UpdatePanel控件的示例，展示了如何通过UpdatePanel实现局部刷新，并结合JavaScript来触发异步回发。示例中包含了多个按钮及文本框，详细解释了异步更新机制及触发条件。
UpdatePanel
<html >
<head runat="server">
<title>无标题页</title>
<script type="text/javascript" src="JS/jquery-1.3.1.js" ></script>
<script type="text/javascript" src="Default(UpdatePanel).js" ></script>
<script type="text/javascript">
function loadallHandler()
{
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(allHandler);
}
</script>
</head>
<body onload="loadallHandler()">
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="Button" />
<asp:Button ID="Button2" runat="server" Text="Button" />
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="TextBox1" />
</Triggers>
</asp:UpdatePanel>
</div>
<p>
</p>
<p>
</p>
</form>
</body>
</html>
Default(UpdatePanel).js 页面代码
$(document).ready(allHendler);
function allHandler()
{
$("#Button1").click(function(){
alert("Hello world!");
});
$("#TextBox1").blur(function()
{
alert("TextBox1的Blur事件");
});
}
扫一扫
115
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
