Balloon Popup Extender在运行时不可见

时间:2014-09-23 10:16:49

标签: javascript html ajax asp.net-ajax

我在网页上工作,我有一些字段,并希望在悬停时生成气球弹出窗口。构建成功但气球弹出窗口在运行时不可见请帮助。     



<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
<asp:ScriptManager ID="ScriptManager2" runat="server">
        </asp:ScriptManager>
        <table><tr><td>First Name:</td><td><asp:TextBox ID="txtfirst" runat="server"></asp:TextBox></td></tr>
        <tr><td>Middle Name:</td><td><asp:TextBox ID="txtmiddlename" runat="server"></asp:TextBox></td></tr>
         <tr><td>Last Name:</td><td><asp:TextBox ID="txtlast" runat="server"></asp:TextBox></td></tr>      
        </table>       
        <cc1:BalloonPopupExtender ID="BalloonPopupExtender1" runat="server" TargetControlID="txtfirst" BalloonPopupControlID="pan1" BalloonSize="Medium" BalloonStyle="Rectangle" DisplayOnMouseOver="true" UseShadow="true">
        </cc1:BalloonPopupExtender>
        <cc1:BalloonPopupExtender ID="BalloonPopupExtender2" runat="server" TargetControlID="txtmiddlename" BalloonPopupControlID="pan2" BalloonSize="Small" BalloonStyle="Cloud" DisplayOnMouseOver="true" >
        </cc1:BalloonPopupExtender>
        <cc1:BalloonPopupExtender ID="BalloonPopupExtender3" runat="server" TargetControlID="txtlast" BalloonPopupControlID="pan3" UseShadow="true" DisplayOnFocus="true" CustomClassName="oval" CustomCssUrl="~/CSS/Custom.css">
        </cc1:BalloonPopupExtender>    
          <asp:Panel ID="pan1" runat="server">
    Enter your First Name
        </asp:Panel>
        <asp:Panel ID="pan2" runat="server">
    Enter your Middle Name
        </asp:Panel>
        <asp:Panel ID="pan3" runat="server">
    Enter your Last Name
        </asp:Panel>

    </div>
    </form>
</body>
</html>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

通过查看HTML代码,您似乎缺少一个允许您使用气球内容的标记。

在表单标记后面加上以下内容;

<ajax:ToolkitScriptManager ID="toolkit1" runat="server"></ajax:ToolkitScriptManager>.

我对您正在使用的库不熟悉,但如果上述操作不起作用,此链接可能会有所帮助。

http://www.codeproject.com/Questions/409451/how-to-use-balloonpopupextender-ajax