javascript - 如何使用 UpdatePanel 触发 Selected Index Changed 事件而不进行任何回发？

Question

我有一个登录页面，其中有一个 SignInUserControl 页面并且位于 MasterPage 内。在登录页面内，我有 2 个下拉列表

ddlCountry

ddlCity

我想更改国家/地区，它会自动加载城市。使用此代码:

 <li>
    <label>Your Country:</label>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:DropDownList ID="ddlCountry" runat="server" Width="356px"
                DataTextField="Country" DataValueField="CodCountry"
                OnSelectedIndexChanged="ddlCountry_SelectedIndexChanged" AutoPostBack="true" />
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="ddlCountry" EventName="SelectedIndexChanged" />
        </Triggers>
    </asp:UpdatePanel>
</li>
<li>
    <label>Your City:</label>
    <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
        <ContentTemplate>
            <asp:DropDownList ID="ddlGestor" runat="server" Width="356px" DataTextField="City" DataValueField="CodCity" />
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="ddlCountry" EventName="SelectedIndexChanged" />
        </Triggers>
    </asp:UpdatePanel>
</li>

城市已加载，但 AutoPostBack="True" 调用 SignIn Page_Load()、MasterPage Page_Load() 和 SignInUserControl Page_Load()。顺便说一句，我在这些 Page_Load() 中有其他函数，所以它们也被调用

有什么办法可以避免这种情况吗？看来 UpdatePanel 并不是真正的 Ajax，因为要工作它必须将所有这些页面发送到服务器，而不仅仅是我想要的代码块

Answer 1

是的，您可以通过使用 ajax 级联下拉菜单来实现

通过使用它，您可以在不启动任何回发的情况下实现绑定(bind)

关注此链接

http://www.ajaxcontroltoolkit.com/CascadingDropDown/CascadingDropDown.aspx