updatepanel 在 iframe 中加载整个页面答案

【问题标题】：updatepanel loads whole page inside a iframeupdatepanel 在 iframe 中加载整个页面
【发布时间】：2011-03-24 07:00:47
【问题描述】：

我有一个显示在 iframe 中的页面。 iframe 使用 UpdatePanel Ajax 控件来更新其中的表单。然而，尽管 Firefox 很好，但整个页面在 IE 中刷新。验证器也不工作。我的代码（使用 Ajax）在 iframe 之外工作。发生了什么？谢谢你的帮助。我的代码是：

容器页面：

  <IFRAME id="frame1" width="600px" frameborder="0" height="390px" src="http://www.site.ac. uk/page.aspx" runat="server"></IFRAME>

page.aspx:

 <form id="form1" runat="server">
<div class="results"> 
  <asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>

<h3>Enter amount</h3>
   <span>$ <asp:TextBox CssClass="text" ID="TextBox1" runat="server"></asp:TextBox></span><br />


   <asp:Button ID="Button1" runat="server" CssClass="button" onClick="Button1_click" Text="Calculate" />
   <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="TextBox1" Display="Dynamic"></asp:RequiredFieldValidator>
   <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="TextBox1" Display="Dynamic"
    ErrorMessage="" ValidationExpression="^\d+$"></asp:RegularExpressionValidator>


  <asp:UpdatePanel id="results" runat="server">
   <Triggers>
  <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />
  </Triggers>

  <ContentTemplate>
   <div class="amount"> 
   <h3>Amount</h3>
    <span>$ <asp:TextBox CssClass="text" ID="TextBox5" runat="server" ReadOnly="True"></asp:TextBox> </span><br />
 </div>


<h3>Total value:</h3>
 <span>$ <asp:TextBox ID="TextBox6" CssClass="text" runat="server" ReadOnly="True"></asp:TextBox> </span>

  </ContentTemplate>
  </asp:UpdatePanel>
   </div>

     </form>

page.aspx.vb

  Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click

    TextBox5.Text = (TextBox1.Text * 0.333333).ToString("F2")
    TextBox6.Text = Val(TextBox1.Text) + Val(TextBox5.Text)
End Sub

【问题讨论】：

标签： .net ajax updatepanel

【解决方案1】：

验证器组件在更新面板中不起作用使用 asp.net ajax-toolkit 扩展并使用 ValidatorCalloutExtender 来控制和验证。它工作正常 Look at this video in Asp.net

【讨论】：