从多个按钮控制模态弹出以显示不同的图表

本文关键字:显示 按钮 控制 模态 | 更新日期: 2023-09-27 17:51:21

我想在一个页面上呈现几个按钮,每个按钮弹出一个不同的图表。我使用了一个模态弹出第一个,我正在寻找一个有效的方法来管理其余的。虽然我可以为每个图表创建单独的模态弹出框,但这似乎非常浪费。我正在使用c#。

是否有一种方法可以让这些按钮使用相同的模态弹出,但在代码后面运行单独的功能来绑定不同的图表?或者有完全不同的方法可以解决这个问题?

谢谢。

编辑:添加代码示例(已删除)

<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能够识别它并触发弹出窗口来显示,那就太好了。

从多个按钮控制模态弹出以显示不同的图表

简单方法:

考虑在你的模式弹出窗口中使用不同的图表,你隐藏或显示基于你正在使用的弹出窗口。

先进方法:

在大项目中,如果我们使用图像或形状/图表,我们使用ajax来生成加载到模态弹出框中的内容。

你是如何生成图表的?