替代 asp.net 页面上的回发

Question

我正在寻找用户不必在 asp.net 页面中等待回发的替代方法。 我的情况 ： 我的 asp.net 页面上有几个下拉列表（实际上是 11 个），并且我有一个复选框。 2个下拉菜单是级联的。即选择第一个下拉菜单会更改第二个下拉菜单的内容。我在一些下拉菜单中有一个新选项（6 个下拉菜单）。如果用户选择此选项，则会显示一个带有“添加”按钮的文本框。将文本添加到该文本框并点击“添加”会将新值添加到下拉列表中并消失此文本框和按钮。那么是否可以使用非回发选项但情况相同？用户不喜欢该页面回发 11 次。我的替代方案是什么？如果您需要更多信息，请询问。谢谢

编辑：

 <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
                                                        <ContentTemplate>
                                                            <asp:DropDownList ID="ddlCustomerContact" runat="server" DataTextField="FullName" DataValueField="Customers_SourceIDfk2" AutoPostBack="true" TabIndex="1" />
                                                        </ContentTemplate>
                                                    </asp:UpdatePanel>  

   Protected Sub ddlCustomerContact_SelectedIndexChanged(sender As Object, e As EventArgs) Handles ddlCustomerContact.SelectedIndexChanged
    If ddlCustomerContact.SelectedIndex = 1 Then
        divAddNewCustomerContact.Visible = True
    Else
        divAddNewCustomerContact.Visible = False
    End If
End Sub

Answer 1

如果您不想要标准回发，您唯一真正的选择是 AJAX。有许多可用的框架，因此您可以使用 Microsoft 框架（捆绑在 3.5+ 中）或 jQuery（我相信也捆绑在 VS 2010+ 中）。

还有其他可用的框架，但这两个将是最紧密集成的。其他框架需要更多的工作来实现。

Answer 2

这就是我为我创建的小部件使用更新面板的方式。

<asp:DropDownList ID="ddlPayrollStores" runat="server" OnSelectedIndexChanged="ddlPayrollStores_SelectedIndexChanged" AutoPostBack="true">
        </asp:DropDownList>
        <asp:UpdatePanel ID="UpdatePanelPayroll" runat="server">
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="ddlPayrollStores" EventName="SelectedIndexChanged"></asp:AsyncPostBackTrigger>
            </Triggers>
            <ContentTemplate>
                <div class="dragbox-content">
                    <asp:Label ID="lblLabelHours" runat="server" Text="Reg Hours: " Width="350px"></asp:Label>
                    <asp:Label ID="lblTotalHours" runat="server" Text=""></asp:Label>
                    <br />
                    <br />
                    <asp:Label ID="lblLabelOverTime" runat="server" Text="Total Overtime Hours: " Width="350px"></asp:Label>
                    <asp:Label ID="lblTotalOvertime" runat="server" Text=""></asp:Label>
                    <br />
                    <br />
                    <asp:Label ID="lblLabelHoliday" runat="server" Text="Total Holiday: " Width="350px"></asp:Label>
                    <asp:Label ID="lblTotalHoliday" runat="server" Text=""></asp:Label>
                    <br />
                    <br />
                    <asp:Label ID="lblLabelVacation" runat="server" Text="Total Vacation: " Width="350px"></asp:Label>
                    <asp:Label ID="lblTotalVacation" runat="server" Text=""></asp:Label>
                    <br />
                    <br />
                    <asp:Label ID="lbllableTotalHours" runat="server" Text="Total Hours: " Width="350px"></asp:Label>
                    <asp:Label ID="lblTotalStoreHours" runat="server" Text=""></asp:Label>
                    <br />
                    <br />
                    <asp:Label ID="lblLabelPay" runat="server" Text="Total Pay: " Width="350px"></asp:Label>
                    <asp:Label ID="lblTotalPay" runat="server" Text=""></asp:Label>
                    <br />
                    <br />
                    <div style="align-content: center">
                        <asp:LinkButton ID="lbDetailed" runat="server" Text="Detailed Report" PostBackUrl="~/Reporting/Payroll/StorePayroll.aspx"></asp:LinkButton>
                    </div>
                </div>
            </ContentTemplate>
        </asp:UpdatePanel>

这是用于显示商店总工资单的工资单小部件。因此，当我通过下拉菜单选择要查看的商店时，更新面板将回发而不发回整个页面。就我而言，它只会将数字显示为标签。希望这会引导您朝着正确的方向前进，并且可能会稍微清理一下。