UpdatePanel.Update() 方法不更新 UpdatePanel 控件的内容?



我这里有一些相当简单的代码,但我一生都无法弄清楚为什么它不起作用。

我有一个名为Update.aspx的页面,其中包含以下HTML:

<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
    Non Panel <%= Date.Now.ToLongTimeString%>
</div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="False" UpdateMode="Conditional">
    <ContentTemplate>
        <asp:Label ID="lbl" runat="server">Updates in 5</asp:Label>
    </ContentTemplate>
</asp:UpdatePanel>

背后的代码如下所示:

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        Dim t As New Timers.Timer
        t.Interval = 5000
        AddHandler t.Elapsed, AddressOf raiseupdate
        t.Start()
    End Sub
    Private Sub raiseupdate(ByVal sender As Object, ByVal e As System.EventArgs)
        sender.stop()
        lbl.Text = Date.Now.ToLongTimeString
        UpdatePanel1.Update()
    End Sub

这就是我所期望的:该页面在更新面板中显示"5 中的更新"字样。计时器经过,调用raiseupdate()方法,并调用更新面板update()方法刷新更新面板的内容。

实际发生的情况是这样的:计时器过去了,更新面板update()方法行到达,但数据似乎永远不会返回到页面。也就是说,"5 中的更新"一词永远不会替换为当前时间。

所以我想我对update()方法的实际作用遇到了某种根本性的误解,但我无法弄清楚我哪里出错了。我能做些什么来完成这项工作?

看起来像两个更新。 一个来自更新面板,一个来自计时器正在弄乱您的代码。

相反,您可以使用 ajax 计时器并将其添加为 AsyncPostBack 触发器。这应该为您完成工作..

<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
    Non Panel <%= Date.Now.ToLongTimeString%>
</div>
<asp:Timer ID="Timer1" OnTick="Timer1_Tick" runat="server" Interval="5000" />
<asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="False" UpdateMode="Conditional">
    <ContentTemplate>
        <asp:Label ID="lbl" runat="server">Updates in 5</asp:Label>
    </ContentTemplate>
   <Triggers>
     <asp:AsyncPostBackTrigger ControlID="Timer1" />
  </Triggers>
</asp:UpdatePanel>

您的 VB 代码将如下所示

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
End Sub
Private Sub Timer1_Tick(ByVal sender As Object, ByVal e As System.EventArgs)
     lbl.Text = Date.Now.ToLongTimeString
End Sub

如果这不起作用,您可以在Timer_tick事件中手动调用 Update()

最新更新