0

(Asp.net 4) 我有一个博客,我使用转发器显示所有博客文章和每个博客的评论。我正在尝试更改用户向博客发表评论的方式。我想把评论放在更新面板中的每个博客下,当他们写评论并点击保存按钮时,我想刷新评论,这样他们的新评论就会显示出来。但我很难做到这一点。我在Repeater 的ItemTemplate 中添加了UpdatePanel,并添加了Textboxes 和Button 来保存评论。每个 UpdatePanel 都放在一个带有博客 id 的地方。但我不知道如何创建代码以保存正确博客 ID 的评论,然后刷新该 UpdatePanel。

代码:

<asp:Repeater ID="RepeaterBlog" runat="server">
            <ItemTemplate>        
                <article>  
                    <% if (repeaterCounter == 0)
                       {
                           Response.Write("<header class=\"firstArticleInBlog\">");
                       }
                       else
                       {
                           Response.Write("<header class=\"normalArticle\">");
                       }
                    %>  
                    <h2><%# Eval("article_header") %>  &nbsp;<span class="date">
                    <time datetime="<%# GetPubDate(Eval("article_date")) %>"><%# FormatDate(Eval("article_date")) %></time></span></h2></header>

                    <p><%# Eval("article_content") %><p><br />
                    <div class="comments">                
                    <div class="showhidecomments">
                        <!--<a class="iframe-comments" data-fancybox-type="iframe" href='WriteComments.aspx?BlogId=<%# DataBinder.Eval(Container, "DataItem.id") %>'>Skriv kommentar</a> | -->
                        <a href="javascript:void(0);" title="i<%# Eval("id") %>">Vis/Skriv kommentarer (<%# CountComments (DataBinder.Eval(Container, "DataItem.id")) %>)</a> | <a href="javascript:void(0);" title="i<%# Eval("id") %>" >Skjul kommentarer</a>
                    </div>
                    <section>
                    <article>
                    <div id="i<%# Eval("id") %>" style="display: none;">
                        <asp:UpdatePanel ID="upPanel" runat="server">
                            <Triggers>
                                <asp:AsyncPostBackTrigger ControlID="cmdSaveComment" EventName="Click" />
                            </Triggers>
                            <ContentTemplate>
                                <%# GetComments (DataBinder.Eval(Container, "DataItem.id")) %>
                                <asp:TextBox ID="txtName" runat="server" />
                                <asp:TextBox ID="txtComment" runat="server" TextMode="MultiLine" />
                                <asp:Button ID="cmdSaveComment" runat="server" OnClick="cmdSaveComment_Click" />
                            </ContentTemplate>    
                        </asp:UpdatePanel>
                        </div>                   
                    </article>
                    </section>
                    </div>
                    <% repeaterCounter++; %>
                </article>
            </ItemTemplate>            
            </asp:Repeater>

在代码隐藏中:

protected void cmdSaveComment_Click(object sender, EventArgs e)
        {
            //simplified code:
            string name = txtName.Text;
            string comment = txtComment.Text;
            int blogId = (int)(Eval("DataItem.id"));

            dataHandler.NewComment(name, comment, blogId);            
        }

我至少接近这里的东西,还是我完全走错了路?

4

1 回答 1

2

您需要为中继器使用 ItemCommand 属性,为您的按钮使用 CommandName 属性。

首先在您的 aspx.xml 中声明中继器的事件名称和按钮的命令名称。请注意,CommandName 替换了按钮的 OnClick。您还给按钮一个命令参数,这是评论所针对的文章记录的 ID。

<asp:Repeater ID="RepeaterBlog" runat="server" OnItemCommand="RepeaterBlog_ItemCommand">

<asp:Button ID="cmdSaveComment" runat="server" CommandName="SaveComment" CommandArgument='<%# Eval("id")%>' />

现在在后面的代码中添加这个

void RepeaterBlog_ItemCommand(Object Sender, RepeaterCommandEventArgs e) {        
  if(e.CommandName == "SaveComment") {
    string name = ((TextBox)e.Item.FindControl("txtName")).Text;
    string comment = ((TextBox)e.Item.FindControl("txtComment")).Text;
    dataHandler.NewComment(name, comment, e.CommandArgument);
  }
}    

这应该让你开始

于 2013-04-21T09:28:36.617 回答