如何在更新更新面板时防止整页回发

时间:2014-08-14 18:53:16

标签: c# asp.net

我试图建立一个在网页上显示视频的asp 4.0网站。我编写了代码来显示视频,并使用更新面板每10秒刷新一次内容。但是整个页面都会回发。 这是我的代码。

     <asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="true" UpdateMode="Conditional">
                    <ContentTemplate>       

          <asp:Repeater ID="Repeater1" runat="server">
             <HeaderTemplate></HeaderTemplate>

             <ItemTemplate>
            <table border="1" align="left">
                  <tr><td>
               <div  style="float:left;">
            <asp:Label ID="Label1" runat="server"
            Text='<%# DataBinder.Eval(Container.DataItem, "id") %>' Visible="false"></asp:Label>
                       <div style="background: 
            url(http://www.dollarshaveclub.com/skin/frontend/dsc-test/dsc-
            theme/images/video_placeholder.png) no-repeat; padding: 0px; width: 100px; 
            height: 70px;"></div>
            <br /><asp:LinkButton Text="View" ID="remove" runat="server" 
            ImageUrl="images/remove.png" CommandName="remove" UseSubmitBehavior="False" 
            /><br />
            <span class="projectboldtxt"><%# DataBinder.Eval(Container.DataItem,                  
           "video_caption") %></span>
                         <span class="projectboldtxt"><%# 
            DataBinder.Eval(Container.DataItem, "video_date") %></span>
                        </div>
                                </td></tr>
                                </table>
                        </ItemTemplate>

                        <FooterTemplate><br /></FooterTemplate>

                        </asp:Repeater>


                    </ContentTemplate>
                    <Triggers>

                        <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
                    </Triggers>
                </asp:UpdatePanel>

c#代码如下

    dbOperation db = new dbOperation();
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {

            SqlDataReader dr = db.ExRdr("Select * from video");
            if (dr.HasRows)
            {
                Repeater1.DataSource = dr;
                Repeater1.DataBind();
            }
            else
            {
                Lbl_error.Text = "No data found.";
            }
            db.ConClose();
        }
    }

计时器代码

    protected void Timer1_Tick(object sender, EventArgs e)
    {
        SqlDataReader dr = db.ExRdr("Select * from video");
        if (dr.HasRows)
        {
            Repeater1.DataSource = dr;
            Repeater1.DataBind();
        }
        else
        {
            Lbl_error.Text = "No data found.";
        }
        db.ConClose();
        UpdatePanel1.Update();
    }

我的问题是:如何在更新更新面板时防止整页回发?

1 个答案:

答案 0 :(得分:0)

您的UpdatePanelItemTemplate中有一个结束标记,但缺少其开始标记。