從多個按鈕控制模式彈出以顯示不同的圖表

我想在頁面上顯示幾個按鈕，每個按鈕彈出不同的圖表。第一個使用了modalpopup，我正在尋找一種有效的方法來管理其餘的。雖然我可以爲每個圖表創建單獨的模式彈出窗口，但這看起來非常浪費。我正在使用C＃。從多個按鈕控制模式彈出以顯示不同的圖表

有沒有辦法讓這些按鈕中的每一個都使用相同的modalpopup，但在代碼隱藏中運行單獨的函數來以不同的方式綁定圖表？還是有一種完全不同的方法可以解決這個問題？

謝謝。

編輯：添加

<asp:ScriptManager ID="ScriptManager1" runat="server" /> 

<asp:ImageButton ID="ImageButton1" 
       style="padding-left:12px;" 
       runat="server" 
      ImageUrl="images/chart_icon.png" 
      onclick="ImageButton1_Click" /> 

<asp:Panel ID="Panel2" 
     runat="server" 
     Height="350px" 
     Width="700px" 
    CssClass="modalPopup" 
    BackColor="#122b7c" 
    BorderColor="#3366FF" 
    BorderStyle="Solid" 
    BorderWidth="1px" 
     Visible="false"> 

<div align="center" style="padding-top:10px;"> 

    <asp:Chart ID="Chart2" 
      runat="server" 
      Height="300px" 
      Width="690px" 
      Visible="false" 
ImageStorageMode="UseImageLocation"> 

    <Series></Series> 
    <ChartAreas></ChartAreas> 

    </asp:Chart> 

</div> 
<div align="center"> 
    <asp:Button ID="btnModalCancel" 
      style="margin-top:10px;" 
      runat="server" 
       Text="Close" /> 
</div> 

<asp:ModalPopupExtender ID="Panel2_ModalPopupExtender" 
        runat="server" 
     DynamicServicePath="" 
        Enabled="True" 
      TargetControlID="ImageButton1" 
     BackgroundCssClass="modalBackground" 
      CancelControlID="btnModalCancel" 
       DropShadow="true" 
      PopupControlID="Panel2"> 
</asp:ModalPopupExtender> 

</asp:Panel>

我看着在兩個單獨的按鈕（像我的ImageButton）使用JavaScript來觸發一個隱藏按鈕的onclick事件的答案代碼示例（淨化的），但我需要爲每個代碼做一些不同的代碼，所以我不知道這是否可行。如果我可以從另一個按鈕的onclick事件觸發隱藏的按鈕點擊事件，以modalpopupextender識別它並觸發彈出窗口顯示我會很好。

來源

2011-04-19 nycdan

現在的大問題是，您使用的是Ajax Control Toolkit。這就像我目前無法看到，因爲ACT產生的結果是可怕的。我會用簡單的jQuery模態完成它。這是第一或所有更容易，更透明：[鏈接]（http://jqueryui.com/demos/dialog/） – wegginho 2011-04-20 07:45:33

謝謝，也許這將幫助我解決這個問題。我馬上去看看。 – nycdan 2011-04-21 19:38:28

簡單的方法：

想想你隱藏或顯示根據您所使用的彈出你的模式彈出使用不同的圖表。

先進的方法：

在我們使用Ajax生成的，如果我們要使用如圖像或形狀/圖表加載到模態彈出窗口的內容大項目。

您是如何生成圖表的？

來源

2011-04-19 07:50:00 wegginho

我有一個MSChart控件，我在運行時綁定到LINQ查詢。如果我使用不同的圖表控件，如何在按鈕單擊時隱藏/顯示它們的代碼隱藏？當它被用作模式彈出目標時，OnClick事件似乎不會觸發。 – nycdan 2011-04-19 08:54:29

這種事大部分都是用jQuery解決的。你有沒有使用它？你能提供一些頁面的代碼，然後我可以寫一個例子。 – wegginho 2011-04-19 10:11:57

這是一個相當沉重的頁面，但我已經做了一點與jQuery。我幾乎可以適應任何干淨的例子，但如果有幫助，我會嘗試着解決問題 – nycdan 2011-04-19 13:25:08

從多個按鈕控制模式彈出以顯示不同的圖表

回答

相關問題