首页 > 代码库 > 删除JS前台校验,后台批量删除
删除JS前台校验,后台批量删除
1、功能需求
在一个数据表格中,选中欲删除的记录,点击删除按钮,先触发前台验证,然后调用后台处理逻辑
2、代码实现
HTML代码:
<asp:Repeater ID="repInputList" runat="server" DataSourceID="InputsDataSource"
EnableViewState="true" >
<HeaderTemplate>
<table cellpadding="2" cellspacing="1" class="Admin_Table">
<thead>
<tr class="Admin_Table_Title">
<th style="width: 5%;" align="center">
选择
</th>
<th style="width: 6%;" align="center">
仓库
</th>
<th style="width: 6%;" align="center">
物资
</th>
<th style="width: 5%;" align="center">
数量
</th>
</tr>
</thead>
</HeaderTemplate>
<ItemTemplate>
<tr onm ouseover="this.style.backgroundColor=‘#ffff66‘;" onm ouseout="this.style.backgroundColor=‘#d4e3e5‘;">
<td>
<asp:CheckBox ID="cb" runat="server" name="checkbox" />
<asp:HiddenField ID="hfrkid" runat="server" Value=http://www.mamicode.com/‘<%# Eval("rkid")%>‘ />
</td>
<td title=‘<%#Eval("wname") %>‘>
<%#StringTruncat(Eval("wname").ToString(), 8, "...")%>
</td>
<td title=‘<%#Eval("gname") %>‘>
<%#StringTruncat(Eval("gname").ToString(), 4, "...")%>
</td>
<td>
<%#Eval("rkamount") %>
</td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table></FooterTemplate>
</asp:Repeater>
<asp:Button ID="btnAllDel" runat="server" Text="删除选中" OnClick="btnAllDel_Click" OnClientClick="return IFChecked();"
ForeColor="Red" />
JS代码:
//当函数返回false时,将不会调用后台的btnAllDel_Click()方法
function IFChecked(){
var count= $("input:checkbox:checked").length;
if (count<=0) {
alert("请选择要删除的记录!");
return false;
}else {
return confirm("您确认要删除选中的入库单吗?");
}
}
后台方法:
protected void btnAllDel_Click(object sender, EventArgs e)
{
for (int i = 0; i < this.repInputList.Items.Count; i++)
{
RepeaterItem ri = this.repInputList.Items[i];
CheckBox chb = ri.FindControl("cb") as CheckBox;
string rkid = ((HiddenField)(ri.FindControl("hfrkid"))).Value;
if (chb.Checked == true)
{
inputdao.Delete(rkid);
}
}
Page.ClientScript.RegisterStartupScript(Page.GetType(), "MsgBox", "<script> alert(‘删除成功!‘)</script>");
rep_Bind();
}