asp.net切換按鈕，擴展和模式彈出擴展碰撞

我目前移動在現有的Web窗體部分表單字段成一個模式彈出窗口使用asp.net工具擴展。其中一個字段在複選框上使用工具包的切換按鈕擴展器，效果很好。當我將複選框和擴展器移動到模式彈出窗格中時，切換按鈕擴展器停止工作。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模式彈出式插件，但我不打算重寫這整個頁面。

來源

2010-01-07 HectorMac

你能張貼一些示例代碼嗎？這可能有助於我們其他人瞭解問題出在哪裏... – 2010-01-07 21:09:01

我已更新問題 – HectorMac 2010-01-08 14:08:59

看看你的ModalPopupExtender屬性。 TargetControlID和PopupControlID是同一個面板「pnlAddTransaction」。 TargetControlID是觸發PopupControlID上的控件顯示的控件。

來源

2010-01-20 01:22:55 Drell

asp.net切換按鈕，擴展和模式彈出擴展碰撞

回答

相關問題