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

原文作者:杨友山

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

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

前一篇说了JS增加一行,那么如何删除一行呢?
也很简单,还是用JS实现,JS获取要删除的一行,并得到这一行数据的ID(绑定数据时将ID放在一个隐藏空间中)。然后使用ajax方法传到后台,完成真正的删除。同时在前台也删掉gridview中的一行。
效果如下
确认删除
ASP.NET—006:GridView删除一行JS实现
删除成功
ASP.NET—006:GridView删除一行JS实现
代码如下:
前台代码,主要看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实现
链接分享:
http://csdahua.cn/article/ispeei.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流