保存在一个中继器的更新面板内的评论

Question

（Asp.net 4） 我有一个博客，我使用中继器向每个博客显示所有博客文章和评论。我试图改变用户如何发表评论到博客。我想将每个博客下的评论放在UpdatePanel中，当他们写评论并点击保存按钮时，我想刷新评论，所以他们的新评论将显示。但是我很难实现这一点。 我在Repeater的ItemTemplate中添加了UpdatePanel，并添加了用于保存评论的文本框和按钮。每个UpdatePanel都放在一个带有博客ID的a中。但是我不知道如何创建代码来保存正确的blog-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);    
     } 

难道我至少接近的东西在这里，或者完全是我在错误的轨道上？

Answer 1

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

首先在你的aspx中声明中继器的事件名和按钮的命令名。请注意，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); 
    } 
}  

这应该让你开始