实例:汽车(实现邮箱模样的删除功能)

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

第一步:把汽车表的数据显示出来。
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对话框的脚本代码过去。

 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Web;
 5 using System.Web.UI;
 6 using System.Web.UI.WebControls;
 7 using DA;
 8 using Data;
 9
10 public partial class _Default : System.Web.UI.Page
11 {
12     private void ShowCar()
13     {
14         //取出汽车里面的数据 并绑定
15         List<CarData> list = new CarDA().Select();
16         Repeater1.DataSource = list;
17         Repeater1.DataBind();
18     }
19     public string ShowBrandName()
20     {
21         //根据brand去查Brand表格里面的数据
22         string brandcode = Eval("brand").ToString();
23         BrandData data = new BrandDA().Select(brandcode);
24         if (data != null)
25         {
26             return data.BrandName;
27         }
28
29         else
30         {
31             return "<空>";
32         }
33     }
34     public string ShowProductorName()
35     {
36         //查厂商的名称需要先查出厂商的代号,代号去brand 表格里查
37         string brandcode = Eval("brand").ToString();
38         BrandData data = new BrandDA().Select(brandcode);
39         //如果brand返回的数据不是空
40         if (data != null)
41         {
42             //g根据brand表中生产商家代号来查 用prod接受
43             ProductorData prod = new ProductorDA().Select(data.ProdCode);
44             //如果prod不是空
45             if (prod != null)
46             {
47                 //f返回生产厂家的名字
48                 return prod.ProdName;
49             }
50             else
51             {
52                 //否则返回空
53                 return "<空>";
54             }
55         }
56         else
57         {
58             return "<空>";
59         }
60     }
61     protected void Page_Load(object sender, EventArgs e)
62     {
63         if (!IsPostBack)
64         {
65             ShowCar();
66         }
67     }
68     protected void Button1_Click(object sender, EventArgs e)
69     {
70         //取出勾选的主键(value)值 request可以接受?传过来的值也可以接受表单的Name值
71         if (Request["cb"] != null)
72         {
73             //获取勾选的值
74             string s = Request["cb"].ToString();
75             //把获取到的值拆分成字符串的数组
76             string[] keys = s.Split(‘,‘);
77             //遍历 删除勾选中的选项
78             foreach (string key in keys)
79             {
80                 CarDA.Delete(key);
81             }
82             //刷新界面  (重新调一遍数据库)
83             ShowCar();
84             //删除成功后提示
85             Literal1.Text = "<script language=‘javascript‘>alert(‘删除成功‘);</script>";
86         }
87     }
88 }

down load

 1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
 2
 3 <!DOCTYPE html>
 4
 5 <html xmlns="http://www.w3.org/1999/xhtml">
 6 <head runat="server">
 7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 8     <title></title>
 9     <script language="javascript">
10         function docheck(){
11             //遍历所有复选框,检查选中状态
12             var cbs = document.getElementsByName("cb");
13             var count = 0;//记录选中的个数
14             for (var i = 0; i < cbs.length; i++)
15             {
16                 if (cbs[i].checked)
17                 {
18                     count++;
19                 }
20             }
21             //r如果勾选的总数是0,以为这没有勾选
22             if (count == 0)
23
24             {
25                 //提示,并返回false 停止默认操作
26                 alert("请勾选要删除的项");
27                 return false;
28             }
29             else
30             {
31                 //返回俩个只  确认就死true  取消就是false
32                 var c = confirm("确认要删除么?");
33                 //返回C 确认就删除 取消就不删除
34                 return c;
35
36             }
37         }
38
39     </script>
40 </head>
41 <body>
42     <form id="form1" runat="server">
43     <div>
44
45         <asp:Repeater ID="Repeater1" runat="server">
46             <ItemTemplate>
47                 <div>
48                   <input type="checkbox" id="cb<%#Eval("code") %>" name="cb" value="<%#Eval("code")%>" />
49                     <%#Eval("name") %>&nbsp;&nbsp;<%#ShowBrandName() %>&nbsp;&nbsp;<%#ShowProductorName() %>&nbsp;&nbsp;<%#Eval("price") %></div>
50             </ItemTemplate>
51         </asp:Repeater>
52
53     </div>
54         <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" OnClientClick="return docheck()" Text="删除" />
55         <asp:Literal ID="Literal1" runat="server"></asp:Literal>
56     </form>
57 </body>
58 </html>

HTML 源代码

时间: 2024-10-13 11:06:07

实例:汽车(实现邮箱模样的删除功能)的相关文章

Node.js 博客实例(五)编辑与删除功能

原教程 https://github.com/nswbmw/N-blog/wiki/_pages的第五章,由于版本等的原因,在原教程基础上稍加改动即可实现. 现在给博客添加编辑文章与删除文章的功能. 当一个用户在线时,只允许他在自己发表的文章页进行编辑或删除,编辑时,只能编辑文章内容,不能编辑文章标题. 在style.css ,添加如下样式: .edit{margin:3px;padding:2px 5px;border-radius:3px;background-color:#f3f3f3;c

FileSystemObject组件新建读取添加修改删除功能实例

<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>FileSystemObject组件应该实例</title> </head> <

实例:SSH结合Easyui实现Datagrid的批量删除功能

在我先前的基础上面添加批量删除功能.实现的效果如下 删除成功 通常情况下删除不应该真正删除,而是应该有一个标志flag,但flag=true表示状态可见,但flag=false表示状态不可见,为删除状态.便于日后数据库的维护和信息的查询.因此表结构添加一个flag字段 没有改变的代码这里就不写了,发生改变的代码贴出来 1.因为表结构发生变化.所以对应的Student.java和Student.hbm.xml发生改变 [java] view plaincopy package com.model;

SpringBoot实战项目(十二)--用户批量删除功能实现

页面构建--批量删除功能事件实现 1 <!DOCTYPE html> 2 <html class="x-admin-sm" xmlns:th="http://www.thymeleaf.org"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>欢迎页面-X-admin2.2</title> 6 <header th:replace

JDBC连接数据库实现删除功能

这次同样运用之前写过的部分代码进行改变,实现一个删除功能,这个功能很好添加,表单中只要form一个参数到DeleteServlet中,所以重点的代码还是在DeleteServlet中实现业务逻辑. 我们运用到的SQL语句是.  String sql = "delete from tb_book where id=?"; 所以需要表单form的时候要传进一个id值.然后我们根据id值来进行删除该id的数据 1 首先我们先看看本次的工程 FindServlet和Book我们之前有已经有了,

Android 实现用户列表信息滑动删除功能和选择删除功能

在项目开发过程中,常常需要对用户列表的信息进行删除的操作.Android中常用的删除操作方式有两种 ,一种就是类似微信的滑动出现删除按钮方式,还有一种是通过CheckBox进行选择,然后通过按钮进行删除的方式.本来的实例集成上述的两种操作方式来实现用户列表删除的效果. 设计思路:在适配器类MyAdapter一个滑动删除按钮显示或隐藏的Map,一个用于CheckBox是否选中的Map和一个与MainAcitivyt进行数据交互的接口ContentsDeleteListener,同时该接口包含两个方

ajax“显示弹窗详情”和“删除”功能练习

1.查看详细信息,以弹窗的形式显示,使用ajax 2.批量删除 “查询”功能可以参考前面的文章,这里只讲解ajax“显示弹窗详情”和“删除”功能 第一:在body中的代码 <title>ajax汽车网页查询</title> <script src="jquery-2.0.0.min.js"></script> <script type="text/javascript" src="tanchuang.j

Ubuntu下wxWidgets学生公寓管理编程,sqlite3的用法(mysql数据库),窗体,下面是部分添加和删除功能,其他功能可以联系我。。

以下是学生公寓信息管理的增加和删除,仅供参考.. void StuManaFrame::OnAdd(wxCommandEvent &event) { //add student's dormitory infomation sqlite3 *db=NULL; int flag; char *errmsg; flag = sqlite3_open("./stuinfo.db",&db); if(SQLITE_OK != flag) { wxLogMessage("

小生功能贴&lt;一&gt; --- 动态添加应用 具有长按删除功能

---恢复内容开始--- 动态添加应用 具有长按删除功能 功能如下图:                (图片显示功能不是你要的,那就默默关闭页面吧) 设计思路: 页面一:用girdview网格显示图标,在自定义的adapter中为每一个子Item添加内容并且加上点击事件(长按和短按),“+”button跳转到第二个页面. 页面二:用AutoCompeleteTextView带提示的输入框,用adapter为其添加提示字符串组,确认显示所搜索到的应用,这里显示搜索到的应用我不是用ListView,