如何使用balloonpopupextender（ajax） [英] how to use balloonpopupextender(ajax)

问题描述

我有一个txt_Search

并附加一个BalloonPopupExtender（ajax控件）到这个tct搜索

i想要whern点击txt_search显示一个带有此文本的气球：

搜索

这个ajax控件的属性是动画

但不知道如何在此属性上插入文本以便在点击时显示在气球中文本

TxtSearch_BalloonPopupExtender.Animations = ?????????

i have a txt_Search
and attached a BalloonPopupExtender(ajax control) to this tct search
i want whern click on the txt_search show a balloon with this text:
"SEARCH"
in propery of this ajax control is Animations
but a dont know how insert text on this property to show in balloon when click on the text
TxtSearch_BalloonPopupExtender.Animations = ?????????

推荐答案

如果你需要在<$ c上显示文字$ c> BalloonPopup ，你需要设置 BalloonPopupControlID （要显示的控件的ID。）



样本：

If you need to show Text on BalloonPopup, you need to set BalloonPopupControlID (The ID of the control to display.)

sample:

<form id="form1" runat="server">
<div>
<center>
    <Ajax:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </Ajax:ToolkitScriptManager>

<i>TextBox:</i> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</center>
    <asp:Panel ID="Panel1" runat="server">
     <b>SEARCH</b>
    </asp:Panel>
<div>
    <Ajax:BalloonPopupExtender ID="BalloonPopupExtender1" runat="server" BalloonPopupControlID="Panel1" BalloonSize="Small"BalloonStyle="Cloud" UseShadow="true" DisplayOnClick="true" DisplayOnFocus="false" DisplayOnMouseOver="true" TargetControlID="TextBox1"Position="BottomRight">
    </Ajax:BalloonPopupExtender>
</div>
</div>

</form>

[ ^ ]



如果你需要在模型弹出窗口上显示动画，请在弹出窗口中添加动画标签

[^]

If you need to show animation on model popup add animation tag inside the popup as

<ajaxToolkit:PopupControlExtender ID="PopupControlExtender2" runat="server"

    TargetControlID="Label12" PopupControlID="popPanel"

    BehaviorID="PopupBehavior" Position="top" OffsetX="-10" OffsetY="-40" >
    <Animations>
        <OnShow>
            <Sequence>
                <HideAction Visible="true" />
                <FadeIn Duration=".5" Fps="20" />
                <Color Duration=".2" PropertyKey="color" StartValue="#FFFFFF" EndValue="#FF0000" />
            </Sequence>
        </OnShow>
        <OnHide>
          <FadeOut Duration=".5" Fps="20" />
        </OnHide>
    </Animations>
</ajaxToolkit:PopupControlExtender>

您可以在下面提到的链接中看到AJAX中Balloon POPUP Extender的一个非常简单的示例。他们已经讨论了在ASP.Net中实现Balloon POPUP Extender的所有可能方法。



你可以从这里下载演示项目。



如何在ASP.Net/中实现BalloonPopupExtender ASP.Net/C#中的C＃或Ballon Popup Extender示例 [ ^ ]





链接文字已添加。

[/编辑]

You can see a very simple example for Balloon POPUP Extender in AJAX in the below mentioned link. They already discussed all possible ways of implementing Balloon POPUP Extender in ASP.Net.

You can download demo project from here.

How to implement BalloonPopupExtender in ASP.Net/C# OR Ballon Popup Extender Sample in ASP.Net/C#[^]


Link Text Added.
[/Edit]

这是官方ajax工具包网站的链接

它显示了如何实现气球弹出控制器



http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/BalloonPopup/BalloonPopupExtender.aspx [ ^ ]



但是在此之前，请确保将ToolScriptManager拖放到页面中，并像这样在页面顶部引用ajax。

Here is the link from the official ajax toolkit website
it shows how to implement balloon popup controller

http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/BalloonPopup/BalloonPopupExtender.aspx[^]

But before that make sure that you drag and place the ToolScriptManager in your page and also refer the ajax in the top of your page like this.

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit"

TagPrefix="ajax" %>

希望有所帮助。

Hope it helps.

这篇关于如何使用balloonpopupextender（ajax）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！