Question

（Asp.net 4）我有一个博客，我使用转发器显示所有博客文章和每个博客的评论。我正在尝试更改用户可以将评论发布到博客的方式。我想将每个博客下的评论放在UpdatePanel中，当他们写评论并点击保存按钮时，我想刷新评论，这样他们的新评论就会显示出来。但我在实现这一目标方面遇到了困难。我在Repeater的ItemTemplate中添加了UpdatePanel，并添加了Textboxes和Button来保存注释。每个UpdatePanel都放在一个带有博客ID的位置。但我不知道如何创建用于保存正确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);
  }
}

这应该让你开始

从转发器中的updatepanel内部保存注释

1 个答案: