[英]AJAX BalloonPopUp Causes Page Reload in ASP.NET
我已經使用Modal PopUp Extender很久了。 我知道我需要將“彈出控制面板”放在“更新面板”中,以避免重新加載頁面。 這是我第一次使用氣球彈出。 我使用了與ModalPopUp相同的方法,但是單擊目標按鈕仍然會導致頁面重新加載。
這是我的彈出式擴展程序和目標ID的代碼:
<asp:ImageButton ID="B_HELP_SFtolerance" runat="server" BorderColor="Black"
BorderStyle="Solid" Height="21px" ImageUrl="~/Resources/1401344600_info6.png"
ToolTip="Scale Factor Tolerance Info." Width="25px" />
<ajaxToolkit:BalloonPopupExtender ID="B_HELP_SFtolerance_BalloonPopupExtender"
runat="server" BalloonPopupControlID="P_HELP_SFTolerance"
Position="TopRight"
BalloonStyle="Rectangle"
BalloonSize="Large"
CustomCssUrl="CustomStyle/BalloonPopupOvalStyle.css"
CustomClassName="oval"
UseShadow="true"
ScrollBars="Auto"
DisplayOnMouseOver="false"
DisplayOnFocus="false"
DisplayOnClick="true" TargetControlID="B_HELP_SFtolerance" >
</ajaxToolkit:BalloonPopupExtender>
這是我的面板PopUpControl ID的代碼:
<asp:Panel ID="P_HELP_SFTolerance" runat="server" BackColor="#0000CC"
Height="218px" Width="404px">
<asp:UpdatePanel ID="UP2" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="False" RenderMode="Inline">
<ContentTemplate>
Scale Factor Tolerance has a bandwidth of:<br />
<br />
<asp:Image ID="Image2" runat="server" Height="70px"
ImageUrl="~/Resources/tolerance.png" Width="316px" />
<br />
<br />
Lower Bound and Upper Bound can be changed using the textboxes
</ContentTemplate>
</asp:UpdatePanel>
</asp:Panel>
不幸的是,即使內部裝有更新面板,單擊按鈕后頁面仍會重新加載。 請指教。 提前致謝。
從您的代碼中,我可以看到BalloonPopupExtender
和Button
都不在UpdatePanel
內部。 它們不應該放在UpdatePanel
的ContentTemplate
嗎?
嘗試這個...
<asp:UpdatePanel ID="UP2" runat="server" RenderMode="Inline">
<ContentTemplate>
Scale Factor Tolerance has a bandwidth of:<br />
<br />
<asp:Image ID="Image2" runat="server" Height="70px"
ImageUrl="~/Resources/tolerance.png" Width="316px" />
<br />
<br />
Lower Bound and Upper Bound can be changed using the textboxes
<asp:ImageButton ID="B_HELP_SFtolerance" runat="server" BorderColor="Black"
BorderStyle="Solid" Height="21px" ImageUrl="~/Resources/1401344600_info6.png"
ToolTip="Scale Factor Tolerance Info." Width="25px" />
<ajaxToolkit:BalloonPopupExtender ID="B_HELP_SFtolerance_BalloonPopupExtender"
runat="server" BalloonPopupControlID="P_HELP_SFTolerance"
Position="TopRight"
BalloonStyle="Rectangle"
BalloonSize="Large"
CustomCssUrl="CustomStyle/BalloonPopupOvalStyle.css"
CustomClassName="oval"
UseShadow="true"
ScrollBars="Auto"
DisplayOnMouseOver="false"
DisplayOnFocus="false"
DisplayOnClick="true" TargetControlID="B_HELP_SFtolerance" >
</ajaxToolkit:BalloonPopupExtender>
</ContentTemplate>
</asp:UpdatePanel>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.