ASP.NET UpdatePanel 举例说明使用方法(触发器为文本框失去焦点使,调用TextBox1_TextChanged函数,更改Label1的内容)

以下是一个使用 ASP.NET UpdatePanel 的简单示例，其中触发器为文本框失去焦点，调用 TextBox1_TextChanged 函数，更改 Label1 的内容：

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

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <!-- UpdatePanel 中的内容 -->
        <asp:TextBox ID="TextBox1" runat="server" AutoPostBack="true" OnTextChanged="TextBox1_TextChanged"></asp:TextBox>
        <asp:Label ID="Label1" runat="server" Text="Hello World"></asp:Label>
    </ContentTemplate>
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="TextBox1" EventName="TextChanged" />
    </Triggers>
</asp:UpdatePanel>

<script type="text/javascript">
    function pageLoad() {
        // 在页面加载时注册文本框的失去焦点事件
        var textBox = document.getElementById('<%= TextBox1.ClientID %>');
        textBox.onblur = function() {
            __doPostBack('<%= TextBox1.ClientID %>', '');
        }
    }
</script>

在上面的示例中，使用了 ASP.NET UpdatePanel 控件来实现异步更新 Label 的内容。当文本框失去焦点时，会触发 TextChanged 事件，在事件处理函数中更新 Label 的 Text 属性，然后将 UpdatePanel 的 UpdateMode 属性设置为 Conditional，以便在需要更新时才更新 UpdatePanel 中的内容。

需要注意的是，在 UpdatePanel 中需要设置 Triggers 属性来指定触发异步请求的控件和事件。在本例中，使用了 AsyncPostBackTrigger 来指定 TextBox1 的 TextChanged 事件作为异步请求的触发器。同时需要将 TextBox1 的 AutoPostBack 属性设置为 true，以便在文本框失去焦点时自动提交表单。

为了让文本框失去焦点时触发异步请求，需要在页面加载时注册文本框的失去焦点事件，使用 __doPostBack 函数手动提交表单。在本例中，使用了 JavaScript 来注册文本框的失去焦点事件。注意要使用 <%= TextBox1.ClientID %> 来获取文本框的客户端 ID，因为 ASP.NET 会自动生成一个不同于服务器控件 ID 的客户端 ID。