原文作者:杨友山
创新互联建站专注为客户提供全方位的互联网综合服务,包含不限于做网站、成都网站制作、云溪网络推广、微信小程序、云溪网络营销、云溪企业策划、云溪品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联建站为所有大学生创业者提供云溪建站搭建服务,24小时服务热线:18980820575,官方网址:www.cdcxhl.com
原文地址:http://blog.csdn.net/yysyangyangyangshan/article/details/22321921
前一篇说了JS增加一行,那么如何删除一行呢?
也很简单,还是用JS实现,JS获取要删除的一行,并得到这一行数据的ID(绑定数据时将ID放在一个隐藏空间中)。然后使用ajax方法传到后台,完成真正的删除。同时在前台也删掉gridview中的一行。
效果如下
确认删除
删除成功
代码如下:
前台代码,主要看DelItem这个JS方法
后台代码
获取到传来的数据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