AJAX弹出控件扩展器无法正常工作

时间:2014-05-09 04:01:20

标签: asp.net ajax popupcontrolextender

我是asp.net的新手。我已经争吵了一段时间,无法让一个简单的弹出窗口工作。我想做的就是让一个按钮显示一个小窗口,里面有一些文字供用户阅读。

<div id="leftColumn">
        <asp:Button ID="Button1" runat="server" Text="Click For Window"  />

        <asp:Panel ID="Panel1" runat="server" CssClass="popupControl">

            <p>TEST Stuff. Lorem Ipsum textum fillum spaceum.</p>

        </asp:Panel>

    <asp:PopupControlExtender ID="PopupControlExtender1" runat="server" 
      TargetControlID="Button1" 
      PopupControlID="Panel1"  >
    </asp:PopupControlExtender>
 </div>

css文件包含“visibility:hidden;”对于Panel1。我运行页面,然后单击按钮,什么也得不到。我也尝试使用带有代码隐藏的visible =“false”内嵌,点击后,更改为Visible = true。

感谢您的回复。

1 个答案:

答案 0 :(得分:0)

试试这个:

    <asp:HiddenField ID="HiddenField1" runat="server" />
            <asp:ModalPopupExtender ID="MyPopup" runat="server" PopupControlID="Panel1" DynamicServicePath="" Enabled="True" TargetControlID="HiddenField1">

    <asp:Button ID="Button1" runat="server" Text="Click For Window" OnClick="Button1_Click" />
     <div>
      <asp:Panel ID="Panel1" runat="server" CssClass="popupControl">
        <p>TEST Stuff. Lorem Ipsum textum fillum spaceum.</p>

     </asp:Panel>

并在Button1_Click事件添加

  MyPopup.Show();