原文作者：杨友山

创新互联建站专注为客户提供全方位的互联网综合服务，包含不限于做网站、成都网站制作、云溪网络推广、微信小程序、云溪网络营销、云溪企业策划、云溪品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联建站为所有大学生创业者提供云溪建站搭建服务，24小时服务热线：18980820575，官方网址：www.cdcxhl.com

原文地址：http://blog.csdn.net/yysyangyangyangshan/article/details/22321921

前一篇说了JS增加一行，那么如何删除一行呢？
也很简单，还是用JS实现，JS获取要删除的一行，并得到这一行数据的ID（绑定数据时将ID放在一个隐藏空间中）。然后使用ajax方法传到后台，完成真正的删除。同时在前台也删掉gridview中的一行。
效果如下
确认删除

删除成功

代码如下：
前台代码，主要看DelItem这个JS方法

    


     

      
      
      
     


       
       
         <%#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();
        }
    }

代码下载：http://download.csdn.net/detail/yysyangyangyangshan/7109385

网站栏目：ASP.NET—006：GridView删除一行JS实现
链接URL：http://pwwzsj.com/article/ispeei.html