UpdatePanel的定时器会导致所有面板更新 [英] UpdatePanel Timer causes all panels to update

问题描述

我有几个UpdatePanel的ASP.NET Web窗体，我想有只触发这些UpdatePanel的更新中的一个定时器。然后，我想要一个单独的UpdatePanel在一个DropDownList的OnSelectedIndexChanged事件更新。在code我将更新定时器触发面板就好了，但是当我更改索引，下拉触发面板会等到下一个计时器周期进行更新。怎样才可以有下拉触发面板会立即更新？低于code。

C＃：

 公共部分类WebForm2：System.Web.UI.Page
{
    保护无效的Page_Load（对象发件人，EventArgs的发送）
    {    }    保护无效Timer1_Tick（对象发件人，EventArgs的发送）
    {
        Label1.Text =UpdatePanel1刷新在：+
      DateTime.Now.ToLongTimeString（）;    }    保护无效dropDown_indexChange（对象发件人，EventArgs的发送）
    {
        Label2.Text =UpdatePanel2刷新在：+
          DateTime.Now.ToLongTimeString（）;
        //UpdatePanel2.Update（）; - 没有帮助
    }
}
 

ASP：

 ＆LT;表ID =form1的=服务器＆GT;
＆LT; D​​IV＆GT;
    ＆LT; ASP：的ScriptManager ID =ScriptManager1=服务器＆GT;＆LT; / ASP：ScriptManager的＆GT;
    ＆LT; BR /＆GT;
    ＆LT; ASP：的UpdatePanel ID =UpdatePanel1=服务器的UpdateMode =条件＆GT;
        ＆LT;＆的ContentTemplate GT;
            ＆LT; ASP：标签ID =Label1的=服务器文本=没有更新＆GT;＆LT; / ASP：标签＆gt;
            ＆LT; ASP：定时器ID =定时器=服务器间隔=3000ontick =Timer1_Tick＆GT;＆LT; / ASP：定时器＆GT;
        ＆LT; /＆的ContentTemplate GT;
        ＆LT;＆触发器GT;
            ＆LT; ASP：AsyncPostBackTrigger控件ID =定时器事件名称=嘀/＆GT;
        ＆LT; /触发器＆GT;
    ＆LT; / ASP：的UpdatePanel＆GT;
    ＆LT; BR /＆GT;
    ＆LT; ASP：的UpdatePanel ID =UpdatePanel2=服务器的UpdateMode =条件＆GT;
        ＆LT;＆的ContentTemplate GT;
            ＆LT; ASP：标签ID =Label2的=服务器文本=还没有更新＆GT;＆LT; / ASP：标签＆gt;
        ＆LT; /＆的ContentTemplate GT;
        ＆LT;＆触发器GT;
            ＆LT; ASP：AsyncPostBackTrigger控件ID =DropDownList1事件名称=的SelectedIndexChanged/＆GT;
        ＆LT; /触发器＆GT;
    ＆LT; / ASP：的UpdatePanel＆GT;
    ＆LT; BR /＆GT;
    ＆LT; BR /＆GT;
    ＆LT; ASP：DropDownList的OnSelectedIndexChanged =dropDown_indexChangeID =DropDownList1=服务器＆GT;
        ＆LT; ASP：列表项＆gt;这＆LT; / ASP：ListItem的＆GT;
        ＆LT; ASP：ListItem的＆GT;这＆LT; / ASP：ListItem的＆GT;
        ＆LT; ASP：列表项＆gt;在其它＆LT; / ASP：ListItem的＆GT;
    ＆LT; / ASP：DropDownList的＆GT;
＆LT; / DIV＆GT;
＆LT; /表及GT;
 

解决方案

移动你的DropDownList成一个UpdatePanel并设置 .AutoPostBack = TRUE 就可以了。

I have an ASP.NET web form with several UpdatePanels and I would like to have a timer that triggers only one of these UpdatePanels to update. I then want a separate UpdatePanel to update on the OnSelectedIndexChanged event of a DropDownList. The code I have will update the timer-triggered panel just fine, but when I change the index, the drop down-triggered panel will wait until the next timer tick to update. How can I have the drop down-triggered panel update instantaneously? Code below.

C#:

public partial class WebForm2 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    protected void Timer1_Tick(object sender, EventArgs e)
    {
        Label1.Text = "UpdatePanel1 refreshed at: " +
      DateTime.Now.ToLongTimeString();

    }

    protected void dropDown_indexChange(object sender, EventArgs e)
    {
        Label2.Text = "UpdatePanel2 refreshed at: " +
          DateTime.Now.ToLongTimeString();
        //UpdatePanel2.Update(); -- Didn't help
    }
}

ASP:

<form id="form1" runat="server">
<div>
    <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
    <br />
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
        <ContentTemplate>
            <asp:Label ID="Label1" runat="server" Text="not updated yet"></asp:Label>
            <asp:Timer ID="Timer1" runat="server" Interval="3000" ontick="Timer1_Tick"></asp:Timer>
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
        </Triggers>
    </asp:UpdatePanel>
    <br />
    <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
        <ContentTemplate>
            <asp:Label ID="Label2" runat="server" Text="also not updated yet"></asp:Label>
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="DropDownList1"  EventName="SelectedIndexChanged" />
        </Triggers>
    </asp:UpdatePanel>
    <br />
    <br />
    <asp:DropDownList OnSelectedIndexChanged="dropDown_indexChange" ID="DropDownList1" runat="server">
        <asp:ListItem>This</asp:ListItem>
        <asp:ListItem>That</asp:ListItem>
        <asp:ListItem>The Other</asp:ListItem>
    </asp:DropDownList>
</div>
</form>

解决方案

Move your DropDownList into an UpdatePanel and set .AutoPostBack = true on it.

这篇关于UpdatePanel的定时器会导致所有面板更新的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！