AJAX 触发其他内容以在点击时更新

Question

我一直在围绕我只想更新的对象将UpdatePanels 添加到我的应用程序中。

示例，当我单击按钮时，我希望更新 ListBox。我会将UpdatePanel 包裹在 html 中的列表框周围，但是当我这样做时，我的设计会到处都是。

我不确定我是否以正确的方式使用 AJAX，因为我看到有人添加 Triggers 但不知道如何以及在何处使用它们，这是我的代码示例：

                    <asp:ListBox ID="lst_AdminExistingDepartments" runat="server" >
                        <asp:ListItem Text="Acceptance"></asp:ListItem>
                        <asp:ListItem Text="Acceptance"></asp:ListItem>
                        <asp:ListItem Text="Acceptance"></asp:ListItem>
                        <asp:ListItem Text="Acceptance"></asp:ListItem>
                        <asp:ListItem Text="Acceptance"></asp:ListItem>
                        <asp:ListItem Text="Acceptance"></asp:ListItem>
                        <asp:ListItem Text="Acceptance"></asp:ListItem>
                    </asp:ListBox>
                </div>

                <div class="AddEditUpdateDepartment">
                    <asp:Label ID="lbl_AdminAddEditUpdateDepartments" runat="server" Text="Modify Departments" />

                    <asp:Label ID="lbl_AdminAddDepartment" runat="server" Text="Add Department" />
                    <input id="txt_AddDepartment" runat="server" type="text" class="aclass" />
                    <input id="btn_AddDepartment" runat="server" type="button" class="ButtonAdminPage" value="Add" onserverclick="btn_AddDepartment_ServerClick" />

这里有一个ListBox，还有一个Textbox 和一个Button。当他们单击 Button 时，我希望 ListBox 使用 AJAX 使用在 TextBox 中输入的记录进行更新？

Answer 1

在最基本的级别上，您需要将UpdatePanel 放置在受操作影响的所有控件周围。所以你需要List、TextBox和Button都在UpdatePanel中。

接下来，您将拥有更高级的场景，您可以在其中拥有 Triggers 和多个 UpdatePanels 等。但是，最好从简单的事情开始（即您需要的一切都在一个 UpdatePanel 中，然后从在那里。