ASP.NET—006：GridView删除一行JS实现

也很简单，还是用JS实现，JS获取要删除的一行，并得到这一行数据的ID（绑定数据时将ID放在一个隐藏空间中）。然后使用ajax方法传到后台，完成真正的删除。同时在前台也删掉gridview中的一行。
效果如下
确认删除
SouthEast
删除成功
SouthEast
代码如下：
前台代码，主要看DelItem这个JS方法




   


    

     
      
             GridLines="Horizontal" PageChange="TextBox" AutoGenerateColumns="False" SortMode="Total" ForeColor="#333333"
       CellSpacing="1" Width="60%" ShowNoRecordTip="True">
    


      
      
         <%#Container.DataItemIndex +1%>
        
      
      
           序号
      
      


      
      
        <%#Eval("p_name")%>
      
      
           姓名
      
      


       
      
        <%#Eval("p_age")%>
      
      
           年龄
      
      
      
      
      
        <%#Eval("p_sex")%>
      
      
           性别
      
      


             
      
      
        
      
           操作
      
      


    
    
           
           
           
           
           
           
   
   







后台代码
获取到传来的数据id删除，然后回应前台就可以了

 public partial class ChildFrm : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            switch (Request["operateType"])
            {
                case "Delete":


                    DeleteSingleData();


                    return;


                default:


                    break;
            }


            if (!IsPostBack)
            {
               DataTable dt= InitData();


               this.dgPersons.DataSource = dt;


               this.dgPersons.DataBind();
            }
        }


        private DataTable InitData()
        {
            DataTable PersonCollect = new DataTable();


            PersonCollect = new DataTable();


            PersonCollect.Columns.Add("p_id");


            PersonCollect.Columns.Add("p_name");


            PersonCollect.Columns.Add("p_age");


            PersonCollect.Columns.Add("p_sex");


            if (PersonCollect.Rows.Count < 1)
            {
                for (int i = 0; i < 1; i++)
                {
                    DataRow nrow = PersonCollect.NewRow();


                    nrow["p_id"] = System.Guid.NewGuid().ToString();


                    nrow["p_name"] = "西北白杨树";


                    nrow["p_age"] = 27;


                    nrow["p_sex"] = "男";


                    PersonCollect.Rows.Add(nrow);
                }
            }


            return PersonCollect;
        }


        protected void DeleteSingleData()
        {
            string id = Request["ID"].ToString();


            //用ID自己写代码删除数据库


            SendTextMessage("success");
        }


        protected void SendTextMessage(string message)
        {
            Response.ContentType = "text/plain";


            Response.Write(message);


            Response.End();
        }
    }