ListView隐藏某行数据并调用SweetAlert
WebForm1.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="sweetalert.WebForm1" %> DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>title> <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js">script> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> script> <script> function sweetAlertConfirm(btnDelete, name) { if (btnDelete.dataset.confirmed) { btnDelete.dataset.confirmed = false; return true; } else { event.preventDefault(); swal({ title: "Are you sure you want to delete " + name + " ?", text: "Once deleted, you will not be able to recover it!", icon: "warning", buttons: true, dangerMode: true, }) .then((willDelete) => { if (willDelete) { btnDelete.dataset.confirmed = true; btnDelete.click(); //swal("Deleted", "The data is deleted!", "success"); } else { //swal("The data is safe!"); } }); } } script> head> <body> <form id="form1" runat="server"> <div> <asp:ListView ID="ListView1" runat="server" OnItemCommand="ListView1_ItemCommand" OnItemDeleting="ListView1_ItemDeleting"> <LayoutTemplate> <table class="table table-bordered table-striped"> <tr class="bg-danger text-white"> <th style="width: 50px">IDth> <th style="width: 50px">Nameth> <th style="width: 70px">Deleteth> tr> <tbody> <asp:PlaceHolder ID="itemPlaceHolder" runat="server" /> tbody> table> LayoutTemplate> <ItemTemplate> <tr> <td style="text-align: center"><%# Eval("Id")%>td> <td style="text-align: center"> <asp:Label runat="server" ID="lb" Text='<%#Eval("Name") %>'>asp:Label> td> <td style="text-align: center"> <asp:LinkButton runat="server" ID="btnDelete" CommandName="Delete" CommandArgument='<%# DataBinder.Eval(Container.DataItem, "Id") %>' <%--传值到js--%> OnClientClick='<%# Eval("Name","return sweetAlertConfirm(this, \"{0}\");") %>'> Delete asp:LinkButton> td> tr> ItemTemplate> asp:ListView> div> form> body> html>
WebForm1.aspx.cs
public partial class WebForm1 : System.Web.UI.Page { ListallMyDataStuffs; protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { allMyDataStuffs = new List () { new Student{ Id="001", Name ="A"}, new Student{ Id="002", Name ="B"}, new Student{ Id="003", Name ="C"}, new Student{ Id="004", Name ="D"}, new Student{ Id="005", Name ="E"}, }; ListView1.DataSource = allMyDataStuffs; ListView1.DataBind(); } } protected void ListView1_ItemCommand(object sender, ListViewCommandEventArgs e) { if (e.CommandName == "Delete") { e.Item.Visible = false; } } protected void ListView1_ItemDeleting(object sender, ListViewDeleteEventArgs e) { // TODO } } public class Student { public String Id { get; set; } public String Name { get; set; } }
测试结果：