0

リストビューがあるasp.netのアプリケーションと、別のリストビューにあるそのリストビューに取り組んでいます。内側のリストビューには、内側のリストビューのアイテムを削除するために使用されるリンクボタンがあります。jqueryを使用して内部リストビューのアイテムを削除したい.私のプログラムの設計部分は次のとおりです。

<asp:ListView ID="ListView5" runat="server" OnItemDataBound="ListView5_ItemDataBound">
 <ItemTemplate>
   <li>
      <asp:UpdatePanel ID="upcom" runat="server" UpdateMode="Conditional">
      <ContentTemplate>
   <asp:Image runat="server" Style="width: 50px; height: 50px;" ID="Image1" ImageUrl='<%#Eval("Image") %>' />
  <asp:HiddenField ID="lblWallID" runat="server" Value='<%#Eval("Wall_ID") %>'></asp:HiddenField>
  <p>
     <h3>
          <a href="Profile.aspx?ID=<%#Eval("UID") %>">
          <asp:Label ID="lbl1" runat="server" Text='<%#Eval("Full_Name") %>'></asp:Label>
           </a>
    </h3>
 </p>
 <p>
   <asp:Label ID="Label1" runat="server" Text='<%#Eval("Wall_Content") %>'></asp:Label>
</p>
<p>
   <asp:Label ID="lblTime" CssClass="time-text" runat="server" Text='<%#Eval("TimeAgo") %>'></asp:Label>
   <asp:LinkButton ID="btnClick" runat="server" Text="Comment" OnClick="btnClick_Click" CommandArgument='<%#Eval("Wall_ID") %>' CommandName="Comment"></asp:LinkButton>
</p>
<p>
    <ul>
        <asp:ListView ID="listWallComments" runat="server" >
        <ItemTemplate>
         <li>
            <asp:Label ID="lblWallComment" runat="server" Text='<%#Eval("Comments") %>'></asp:Label>:-
            <a href="Profile.aspx?ID=<%#Eval("User_ID") %>">
            <asp:Label ID="lblFullname11" runat="server" CommandName="Profile" CommandArgument='<%#Eval("User_ID") %>' Text='<%#Eval("Full_Name") %>'></asp:Label>
            </a>
            <asp:LinkButton ID="lbtnDelete" runat="server" CommandArgument='<%#Eval("Comment_ID") %>' onclick= OnClientClick="Confirm('Are u sure to delete?') %>)">Delete</asp:LinkButton>                                                              
                                                                                   </li>
    </ItemTemplate>
    </asp:ListView>
    </ul>
    </p>
</ContentTemplate>
  <Triggers>
      <asp:AsyncPostBackTrigger ControlID="btnClick" EventName="Click" />
 </Triggers>
</asp:UpdatePanel>
</li>
</ItemTemplate>
</asp:ListView>

内側のリストビュー項目を削除するコードは次のとおりです。

protected void lbtnDelete_Click(object sender, EventArgs e)
    {
        try
        {
            ListViewDataItem gdr = (ListViewDataItem)((Control)sender).NamingContainer;

                LinkButton linkComment = (LinkButton)gdr.FindControl("lbtnDelete");
                long ID = Convert.ToInt64(linkComment.CommandArgument.ToString());
                retval = new Process_WallComment().DeleteComment(ID);
                if (retval > 0)
                {
                    Bind();
                    Response.Write("<script>alert('Deleted')</script>");
                }

        }
        catch (Exception ex)
        {
            throw(ex);
        }
    }

しかし、私のコードは削除中にページを更新します。jqueryを使ってリストビュー内のアイテムを削除したいのですが、助けてください。

4

1 に答える 1

0

削除ボタンが含まれているリストを削除しますか?

このサンプルを試すことができます:

<li>
//your other markup here
// then the delete button
<button onclick="removeList(this)"> </button>
</li>

JavaScript 関数

function removeList(btn){
// add delete confirmation here , if true continue else return from the function from here.
btn.parent().remove();
// this will remove the parent element of the button. ie the list item.
//do not add "runat=server" as this is client side operation and the page should not post //back.
}
于 2013-10-20T11:42:09.283 に答える