UpdatePanel 内的 UserControls 导致部分回发失去焦点

Question

我在 AJAX UpdatePanel 内的表单上有一堆用户控件，其中包含几个控件，其中包括一个 TextBox。

每个用户控件都构成数据输入表单上的一个字段。某些字段已打开 AutoPostBack 并触发一个事件，该事件会更新服务器端另一个表单字段中的值。

但是，当部分回发返回并且更新计算字段时，表单焦点将丢失 - 表单上的第一个字段将重新获得焦点。因此，该表格对于数据输入来说毫无用处。

我已经看到了解决方法，涉及计算出服务器端接下来要关注的字段并使用 ScriptManager.SetFocus()，在表单中传递下一个 UserControl，但我无法让它与我的用户控件一起使用。无论如何，这仍然感觉像是一种黑客行为，而且令人失望的是 UpdatePanel 不仅仅使这项工作可行。

使用 ASP.NET 4.0、Visual Studio 2010。

Answer 1

好的，我认为你的问题是你将所有内容都包含在 updatepanel 中，我的方法是仅将 updatepanels 用于需要更新的控件（也许你需要多个）， updatepanels 需要有 UpdateMode=Conditional并且仅由影响内部控件的控件触发，执行回发的控件应该位于 updatepanel 之外，我发布了一个我已经测试过并且工作正常的示例。

<form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
    <div>
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <br />
    <asp:TextBox ID="TextBox2" runat="server" AutoPostBack="True" 
                    ontextchanged="TextBox2_TextChanged"></asp:TextBox>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
            <ContentTemplate>
                <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
            </ContentTemplate>
            <Triggers>
            <asp:AsyncPostBackTrigger ControlID="TextBox2" />
            </Triggers>
        </asp:UpdatePanel>
    <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
        <br />
        <asp:TextBox ID="TextBox4" runat="server" AutoPostBack="True" 
            ontextchanged="TextBox4_TextChanged"></asp:TextBox>
        <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
            <ContentTemplate>
                <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
            </ContentTemplate>
            <Triggers>
            <asp:AsyncPostBackTrigger ControlID="TextBox4" />
            </Triggers>
        </asp:UpdatePanel>
        <asp:TextBox ID="TextBox5" runat="server"></asp:TextBox>

您可以猜到 TextBox2 更新 Label1，Textbox4 更新 Label2。