Управление модалпопапом из нескольких кнопок для отображения разных графиков - PullRequest
Новая
       15

Управление модалпопапом из нескольких кнопок для отображения разных графиков

0 голосов
/ 19 апреля 2011

Я хотел бы представить несколько кнопок на странице, каждая из которых отображает свой график.Я использовал modalpopup для первого, и я ищу эффективный способ управлять остальными.Хотя я мог бы создавать отдельные модалпопапы для каждого графика, это кажется очень расточительным.Я использую C #.

Есть ли способ, чтобы каждая из этих кнопок использовала один и тот же modalpopup, но запускала отдельные функции в codebehind для различного связывания диаграммы?Или есть совершенно другой подход, который будет работать для этого?

Спасибо.

Редактировать: Добавление образца кода (вычищено) 

<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 распознал его и вызвал всплывающее окно, чтобы показать, что я был бы хорош.

1 Ответ

0 голосов
/ 19 апреля 2011

простой подход:

Подумайте об использовании различных диаграмм в вашем модальном всплывающем окне, которое вы скрываете или отображаете в зависимости от используемого вами всплывающего окна.

продвинутый подход:

В больших проектах мы используем ajax для генерации контента, который загружается в модальные всплывающие окна, если мы используем как изображения или формы / диаграммы.

Как вы генерируете диаграммы?

...