使用 ASP.NET 刷新 UpdatePanel 中的 Repeater 控件

Question

我正在尝试编写一个页面，您可以在其中发表评论而无需重新加载整个页面。 注释使用 Repeater 控件显示。 模板如下所示：

    <asp:UpdatePanel runat="server" ID="commentsUpdatePanel" UpdateMode="Conditional">
        <ContentTemplate>
        <!-- Comments block -->
        <div class="wrapper bloc content">
            <h3><img src="img/comments.png" alt="Comments" />&nbsp;Comments</h3>                                     
            <p><asp:Label ID="viewImageNoComments" runat="server" /></p>
            <asp:Repeater ID="viewImageCommentsRepeater" runat="server">
                <HeaderTemplate>
                    <div class="float_box marge wrapper comments">
                </HeaderTemplate>
                <ItemTemplate>
                    <div class="grid_25">
                        <span class="user"><%#Eval("username")%></span><br />
                        <span style="font-size:x-small; color:#666"><%#Eval("datetime") %></span>
                    </div>
                    <div class="grid_75">
                        <p align="justify"><%#Eval("com_text") %></p>
                    </div>
                </ItemTemplate>
                <FooterTemplate>
                    </div>
                </FooterTemplate>
            </asp:Repeater>
        </div>
        <!-- Post comment block -->
        <div class="wrapper bloc content">
            <h3><a id="post_comment" name="post_comment"><img src="img/comment_edit.png" alt="Comments" /></a>&nbsp;Post 
                a comment</h3>
            <p class="description">Please be polite.</p>
            <p>
                <asp:Label ID="postCommentFeedback" runat="server" />
            </p>
            <table border="0">
                <tr>
                    <td valign="top">
                    <asp:TextBox id="postCommentContent" runat="server" TextMode="MultiLine" 
                    MaxLength="600" Columns="50" Rows="15" Width="400px" />
                    </td>
                    <td valign="top">
                    <span style="font-size:x-small">BBCode is enabled. Usage :<br />
                    <b>bold</b> : [b]bold[/b]<br />
                    <i>italic</i> : [i]italic[/i]<br />
                    <span class="style1">underline</span> : [u]underline[/u]<br />
                    Link : [url=http://...]Link name[/url]<br />
                    Quote : [quote=username]blah blah blah[/quote]</span>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                    <asp:Button ID="postCommentButton" runat="server" Text="Submit" 
                    onclick="postCommentButton_Click" />    
                    </td>
                </tr>
            </table>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>

postCommentButton_Click() 函数运行良好 - 单击“提交”即可发布帖子。 但是，我需要完全重新加载页面才能看到新评论 - 用户刚刚发布的帖子在此之前不会显示。 在 (!isPostBack) 检查后，我在 Page_Load() 中对中继器进行数据绑定。

postCommentButton_Click() 函数如下所示：

protected void postCommentButton_Click(object sender, EventArgs e)
{
        // We check if user is authenticated
        if (User.Identity.IsAuthenticated)
        {
            // Attempt to run query
            if (Wb.Posts.DoPost(postCommentContent.Text, Request.QueryString["imageid"].ToString(), User.Identity.Name, Request.UserHostAddress))
            {
                postCommentFeedback.Text = "Your post was sucessful.";
                postCommentContent.Text = "";

            }
            else
            {
                postCommentFeedback.Text = "There was a problem with your post.<br />";
            }

        }
        // CAPTCHA handling if user is not authenticated
        else
        {
            // CAPTCHA
        }
}

在我的例子中，我们确实看到 postCommentFeedback.Text 被刷新，但同样，不是转发器的内容，它应该再有一个帖子。

我缺少什么？

Answer 1

您应该在 !IsPostBack 内的 Page_Load 中进行 DataBind。 您还应该在 Click 事件中进行数据绑定。

    protected void Page_Load(object sender, EventArgs e)
    {
        if(!IsPostBack)
        {
            this.DataBind();
        }
    }
    protected void MyButton_Click(object sender, EventArgs e)
    {
        //Code to do stuff here...

        //Re DataBind
        this.DataBind();
    }
    public override void DataBind()
    {
        //Databinding logic here
    }

Answer 2

不要让你的数据源成为 MySqlDataReader，而是让你的阅读器填充 BindingList 或类似的东西。 将其保留在会话中，并在每次非回发和单击时进行数据绑定。 当您的用户发帖时，您可以将其添加到列表中并等待某些信息告诉它保存该内容，但在发布评论的上下文中将其帖子保存到您的数据库并重做数据拉取并踩踏您的数据库更有意义BindingList并重新Databind。

另外，个人的不满：我不喜欢<%#Eval....%>。 页面中的代码通常是一个不好的信号。 尝试使用 Repeater.ItemDataBound 事件
http://msdn.microsoft。 com/en-us/library/system.web.ui.webcontrols.repeater.itemdatabound.aspx

Answer 3

在我看来，快速解决办法是在页面加载时绑定，而不管回发。 或者，您可以从 postCommentButton_Click 中重新绑定。

Answer 4

protected void Timer1_Tick(object sender, EventArgs e)   
{

       Repeater1.DataBind();
           /*This is all I did for it to work.*/
}

protected void Buttontextbox_Click(object sender, EventArgs e)

{

       this.DataBind();
    /*Leave sql connection to your database above "this.databind"*/

}

Answer 5

尝试将更新面板放在标签之间，如果您已经这样做了，请检查 div 标签的结束是否正确