asp.net切换按钮，扩展和模式弹出扩展碰撞

Question

我目前移动在现有的Web窗体部分表单字段成一个模式弹出窗口使用asp.net工具扩展。其中一个字段在复选框上使用工具包的切换按钮扩展器，效果很好。当我将复选框和扩展器移动到模式弹出窗格中时，切换按钮扩展器停止工作。

确认问题后，我决定使用一个jQuery插件叫做复选框提供相同功能的尝试。这个插件再次像广告一样工作，直到我将它移入模态窗口div。我曾希望避免手动解决方案。

我猜测，这个问题有一些与CSS定位。在从头开始构建解决方案之前，我很乐意听到可能的修复。

编辑

这是我原来的做法与切换按钮扩展：

<!-- works fine here --> 
<asp:CheckBox ID="chkUSDAdd" runat="server" CssClass="PriceEntryToggle" Checked="true" Visible="false" /> 
<ajaxToolkit:ToggleButtonExtender ID="tglCurrencyAdd" runat="server" 
    TargetControlID="chkUSDAdd" 
    CheckedImageAlternateText="Click here to enter price in CAD" 
    UncheckedImageAlternateText="Click here to enter price in USD" 
    UncheckedImageUrl="~/images/ButtonCAD.gif" 
    CheckedImageUrl="~/images/ButtonUSD.gif" /> 

<asp:Panel ID="pnlAddTransaction" runat="server" Width="600px" Height="300px" CssClass="ModalWindow"> 

    <!-- doesn't work here - outside UpdatePanel but inside modal window div--> 

    <asp:UpdatePanel ID="udpAddTransaction" runat="server" ChildrenAsTriggers="false" UpdateMode="Conditional"> 
     <ContentTemplate> 

     <!-- This is the desired location but doesnt work here --> 
     <asp:CheckBox ID="chkUSDAdd" runat="server" CssClass="PriceEntryToggle" Checked="true" Visible="false" /> 
     <ajaxToolkit:ToggleButtonExtender ID="tglCurrencyAdd" runat="server" 
      TargetControlID="chkUSDAdd" 
      CheckedImageAlternateText="Click here to enter price in CAD" 
      UncheckedImageAlternateText="Click here to enter price in USD" 
      UncheckedImageUrl="~/images/ButtonCAD.gif" 
      CheckedImageUrl="~/images/ButtonUSD.gif" /> 

     <!-- etc--> 

     </ContentTemplate> 
     <Triggers> 
      <asp:AsyncPostBackTrigger ControlID="hdnInvestmentID" /> 
     </Triggers> 
    </asp:UpdatePanel> 
<asp:Panel> 
<ajaxToolkit:ModalPopupExtender ID="mpeAddTransaction" runat="server" 
    TargetControlID="pnlAddTransaction" PopupControlID="pnlAddTransaction" 
    CancelControlID="btnCancel" OnCancelScript="hideAddTransactionPopup()" 
    BackgroundCssClass="modalBackground" /> 

我现在也尝试将一个隐藏字段和图像和文字jQuery的点击功能。这也会导致相同的问题（停止在modal div内工作）。我可以通过硬编码onclick事件属性获取代码。我很想理解为什么，如果有更好的方法来解决这个问题。我想我可以尝试一个jQuery模式弹出式插件，但我不打算重写这整个页面。

Answer 1

看看你的ModalPopupExtender属性。 TargetControlID和PopupControlID是同一个面板“pnlAddTransaction”。 TargetControlID是触发PopupControlID上的控件显示的控件。