您的位置：首页 > 其它

实例：汽车（实现邮箱模样的删除功能）

2015-06-01 10:16 246 查看

实现邮箱模样的删除功能：

第一步：把汽车表的数据显示出来。
1.把基本数据和相关联的系列名称、厂商名称显示出来
2.把复选框做出来。<input type='checkbox' id='cb<%#Eval("")%>' name='cb' value='<%#Eval("Code")%>'>

第二步：做删除按钮
1.取出选中的汽车主键
string s = Request["cb"].ToString()
string[] keys = s.Split(',');
2.遍历删除

第三步：加删除之前的脚本判断
1.写个脚本函数。使用JS取出name=cb所有的复选框。
2.遍历判断每个是否被选中，并记数。
3.根据选中的记数，弹出相应的对话框。 return false,return true;
4.在删除按钮的OnClientClick使用return xxxx()调用这个脚本函数

第四步：删除成功后，的脚本提示。
在按钮的Click的C#代码最后，给界面上的Literal的Text赋值。传一个JS对话框的脚本代码过去。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script language="javascript">
function docheck(){
//遍历所有复选框，检查选中状态
var cbs = document.getElementsByName("cb");
var count = 0;//记录选中的个数
for (var i = 0; i < cbs.length; i++)
{
if (cbs[i].checked)
{
count++;
}
}
//r如果勾选的总数是0，以为这没有勾选
if (count == 0)

{
//提示，并返回false 停止默认操作
alert("请勾选要删除的项");
return false;
}
else
{
//返回俩个只  确认就死true  取消就是false
var c = confirm("确认要删除么?");
//返回C 确认就删除 取消就不删除
return c;

}
}

</script>
</head>
<body>
<form id="form1" runat="server">
<div>

<asp:Repeater ID="Repeater1" runat="server">
<ItemTemplate>
<div>
<input type="checkbox" id="cb<%#Eval("code") %>" name="cb" value="<%#Eval("code")%>" />
<%#Eval("name") %>  <%#ShowBrandName() %>  <%#ShowProductorName() %>  <%#Eval("price") %></div>
</ItemTemplate>
</asp:Repeater>

</div>
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" OnClientClick="return docheck()" Text="删除" />
<asp:Literal ID="Literal1" runat="server"></asp:Literal>
</form>
</body>
</html>

HTML 源代码

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航