2011-04-19 56 views
0

我想在页面上显示几个按钮,每个按钮弹出不同的图表。第一个使用了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识别它并触发弹出窗口显示我会很好。

+0

现在的大问题是,您使用的是Ajax Control Toolkit。这就像我目前无法看到,因为ACT产生的结果是可怕的。我会用简单的jQuery模态完成它。这是第一或所有更容易,更透明:[链接](http://jqueryui.com/demos/dialog/) – wegginho 2011-04-20 07:45:33

+0

谢谢,也许这将帮助我解决这个问题。我马上去看看。 – nycdan 2011-04-21 19:38:28

回答

0

简单的方法:

想想你隐藏或显示根据您所使用的弹出你的模式弹出使用不同的图表。

先进的方法:

在我们使用Ajax生成的,如果我们要使用如图像或形状/图表加载到模态弹出窗口的内容大项目。

您是如何生成图表的?

+0

我有一个MSChart控件,我在运行时绑定到LINQ查询。如果我使用不同的图表控件,如何在按钮单击时隐藏/显示它们的代码隐藏?当它被用作模式弹出目标时,OnClick事件似乎不会触发。 – nycdan 2011-04-19 08:54:29

+0

这种事大部分都是用jQuery解决的。你有没有使用它?你能提供一些页面的代码,然后我可以写一个例子。 – wegginho 2011-04-19 10:11:57

+0

这是一个相当沉重的页面,但我已经做了一点与jQuery。我几乎可以适应任何干净的例子,但如果有帮助,我会尝试着解决问题 – nycdan 2011-04-19 13:25:08

相关问题