从多个按钮控制模态弹出以显示不同的图表
本文关键字:显示 按钮 控制 模态 | 更新日期: 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来生成加载到模态弹出框中的内容。
你是如何生成图表的?