也很简单,还是用JS实现,JS获取要删除的一行,并得到这一行数据的ID(绑定数据时将ID放在一个隐藏空间中)。然后使用ajax方法传到后台,完成真正的删除。同时在前台也删掉gridview中的一行。
效果如下
确认删除
SouthEast
删除成功
SouthEast
代码如下:
前台代码,主要看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();
}
}
阅读(1038) | 评论(0) | 转发(0) |