ModalPopupExtender 仅在选定索引更改事件上显示，而不在单击 DropDownList 时显示？

Question

我在上一个问题中说过，在这个问题中也会说，基本上我的用户名反映了我的经验！

我目前有一个包含 2 个列表视图的页面，其中一个在 InsertItem 模板中有许多控件。

其中一个控件特别是 DDL，我有一个连接到它的模态弹出扩展器。我想仅在选择特定值（而不是索引）时触发 MPE。这就是我现在的情况！

DropDownList ExpenseTypeDDL = 
    (DropDownList) Expenses.InsertItem.FindControl("ExpenseTypeDDL");
int ExpenseType = (Int32.Parse(ExpenseTypeDDL.SelectedValue.ToString()));

if (ExpenseType == 1)
{
    AjaxControlToolkit.ModalPopupExtender mpeMiles = 
        (AjaxControlToolkit.ModalPopupExtender)Expenses.InsertItem.
        FindControl("mpeMiles");
    mpeMiles.Show();
}

以上是 DDL SelectedIndexChanged 事件的内容。这个DDL基于费用类型，我想定位一个特定的值（数据库主键），然后显示模式弹出窗口，以便用户可以输入他们的里程，然后做一些其他事情。

这是我的 mpe

<cc1:ModalPopupExtender ID ="mpeMiles" TargetControlID ="ExpenseTypeDDL" 
    runat="server" DropShadow="true" PopupControlID="pnlMiles" 
    BackgroundCssClass="modalBackground" />
<asp:Panel CssClass="modalPopup" ID="pnlMiles" runat="server" 
    Height="170px">
    <div style="padding: 5px; text-align:center">
        <asp:Label ID="lblStart" runat="server">Start location.</asp:Label>
        <asp:TextBox ID="txtLocationStart" runat="server" />
        <asp:RequiredFieldValidator ID="reqLocation" runat="server" 
            ErrorMessage="You must enter a start location" 
            ControlToValidate="txtLocationStart" Display="Dynamic" Text="*" >
        </asp:RequiredFieldValidator>
        <asp:Label ID="lblDestination" runat="server">Destination.</asp:Label>
        <asp:TextBox ID="txtDestination" runat="server" />
        <asp:RequiredFieldValidator ID="reqDestination" runat="server" 
            ErrorMessage="You must enter a destination" 
            ControlToValidate="txtDestination" Display="Dynamic" Text="*" >
        </asp:RequiredFieldValidator>
        <asp:Label ID="lblMiles" runat="server">Please enter your Mileage</asp:Label>
        <asp:RequiredFieldValidator ID="reqMileage" runat="server" 
            ErrorMessage="You must enter your mileage" ControlToValidate="txtMiles" 
            Display="Dynamic" Text="*" ></asp:RequiredFieldValidator>
        <asp:TextBox ID="txtMiles" runat="server" />
        <br />
        <br />
        <asp:Button ID="btnMiles_OK" runat="server" Text="Save" 
            CausesValidation="false" />
        <asp:Button ID="btnMiles_Cancel" runat="server" Text="Cancel" 
            CausesValidation="false"/>
    </div>
</asp:Panel>

目前，单击 DDL 后 mpe 就会显示，但我希望仅针对选定的值 1 发生这种情况。

有人可以告诉我我做错了什么吗？

TIA

点网新闻

Answer 1

发生这种情况是因为您已将 DDL 设置为模式弹出扩展程序的目标 - 因此每当目标索引发生更改时，都会显示该对话框。解决方案是有一个隐藏按钮，并将其作为模式弹出扩展器的目标控件 - 如果您的 DDL 将自动回发设置为 true，那么您的服务器端代码将检查所选索引并弹出对话框。

从用户体验的角度来看，除非页面上有 UpdatePanel，否则这意味着在 DDL 更改时，页面将刷新并显示一个对话框。您还可以使用模式弹出 javascript API 来显示/隐藏 DDL 选定的索引更改，而不进行回发。例如，

$find('mpeMiles').show();