在PIXMM网站中,商家的主界面有很多的添加管理功能,但是每一条记录后边的删除都不可用,跟踪了一下,发现这个在前台连他的JS都没有调用,但是明明写了方法却没有调用,为什么呢?
<a href="#" οnclick='Delete(<%# Eval("BC_Id") %>)'> 删除</a>
这是处错误的语句,有木有看出哪里的问题。“#”代表着跳转到页面的顶部,这样<a>标签中就会先到页面的顶部,才会执行我们的方法,但是这样的话就相当于刷新,他并没有执行delete这个js写的方法。
这是问题之一,问题之二就是要如何在前台调用后台的删除方法。这里有两种方法。
第一种:用Js调用一下Ajax,然后调用后台的方法。
以下是整理好的代码:
js删除语句:
function Delete(id)
{
var l;
if(id < 0)
{
l = GetAllChecked();
if(l == "")
{
alert("您没有选择要删除的信息!");
return;
}
}
else
{
l = id;
}
if(confirm('确定要永久删除您所选择的信息吗?该信息将不能被恢复!'))
{
SendAjax("del",l);
}
}
很显然,他要调用后台的方法,然后自己写了一个SendAjax.对于js调用这个AjAX,传了两个参数,一个是“del”后台的方法名,另一个是“l”,是选中数据的id.
SendAjax:
function SendAjax(op,id)
{
var param = "Option="+ op +"&ID="+ id;
var options={
method:'post',
parameters:param,
onComplete:
function(transport)
{
var retv=transport.responseText;
onRcvMsg(retv);
}
}
new Ajax.Request('BankAccount_list.aspx',options);
}
调用js方法:
<a href="#" οnclick='javascript:Delete(<%# Eval("BC_Id") %>)'> 删除</a>
后台del方法:
private void del(string sid)
{
string[] id = sid.Split(',');
int ln = id.Length;
int n = 0;
for (int i = 0; i < id.Length; i++)
{
if (!id[i].Trim().Equals(""))
{
try
{
dataCA.Delect(Convert.ToInt32(id[i]));
n++;
}
catch
{
continue;
}
}
}
Response.Write(n + "%成功删除" + n + "条支付!");
}
这样通过Ajax来调用了后台的删除方法。
第二种:js中,直接调用后台的方法。
function Delete(id)
{
var l;
if(id < 0)
{
l = GetAllChecked();
if(l == "")
{
alert("您没有选择要删除的信息!");
return;
}
}
else
{
l = id;
}
if(confirm('确定要永久删除您所选择的信息吗?该信息将不能被恢复!'))
{
YXShop.Web.Membercenter.Dynamic.BankAccount_list.del(id)
window.location.reload();
}
}
<a href="#" οnclick='javascript:Delete(<%# Eval("BC_Id") %>)'> 删除</a>
这两种方法都可以对数据进行删除,第二种方法,删除的动作完全在后台,所以删除完后就执行窗体再次刷新,但是第一种方法确实需要自己手动刷新一下。
两种方法的积累,以供大家参考。