GridView控件实现数据的显示和删除（第8节）

本节的学习内容是新闻列表的实现，使用分页功能一个页面显示4条新闻。在新闻显示页面，添加一个字段“删除”，运行时，单击该行的“删除按钮时”，弹出“确认删除此信息？”的提示信息，当按确定按钮时删除该行的信息，按取消按钮时不执行删除操作。

首先我们先进行一个知识点归纳：
数据源控件：用于实现从不同数据源获取数据的功能，可以设置连接信息、查询信息、参数和行为，可以消除ASP.NET中要求的大量的重复性代码。
数据绑定控件：只负责管理与实际数据存储源的连接，并不能呈现任何用户界面。
名称 数据源控件                   数据绑定控件
1  SqlDataSourse                     GridView
2  AccessDataSourse            DetailsView
3  ObjectDataSourse              FromView
4  XmlDataSourse                     Repeater
5  SiteMapDataSourse                DataList

学习任务：学习 GridView控件
(1)简介：以表的形式显示数据，每一列代表一个字段，每一行代表一个记录。可配合数据源控件对数据库进行浏览、编辑、删除等操作。
(2)使用GridView控件实现信息显示
步骤一：新建页面文件GridView.aspx。
步骤二：添加数据源控件。切换到“设计”视图，将工具箱“数据”选项卡中的ObjectDataSourse控件拖放到页面中，单击右上角的小三角按钮，在弹出的列表中选择“配置数据源”选项。在接下弹出的对话框中，选择“选择业务对象”
下拉菜单中的“chuli.newschuli.cs”，选项，单击下一步“选择方法”。
步骤三：添加GridView控件。单击GridView右上角的小三角按钮，在“选择数据源”下拉表中选择之前创建的数据源，将数据源绑定到GridView控件。在newschuli.cs页面中编写代码如下：

 private SqlConnection conn;
   public DataSet findallnews()
   {
     conn = dbconn.GetConnection();
     conn.Open();
     SqlDataAdapter sda = new SqlDataAdapter("select * from news", conn);
     DataSet ds = new DataSet();
     sda.Fill(ds);
     return ds;
   }

注意：添加引用和命名空间
步骤四：设置GridView控件的外观。单击GridView右上角的小三角按钮，选择“自动套用格式”进行设置。(居中对齐：HorizontalAlign设置为center)
步骤五：自定义GridView控件显示列，与数据库相联系。(小提示：在设置属性的时候，应将复选框前面的“√”，否则显示的信息将重复出现，影响页面美观。)
步骤六：启用分页，在GridView任务菜单栏中，选中“启用分页”或是将GridView的AllowPaging属性改成True。

(3)使用GridView控件实现信息的编辑与删除
步骤一：数据源控件定义数据的方法，在newschuli.cs页面中编写代码如下：

public static void deletenews (newsclass news1)
    {
      using ( SqlConnection cn = dbconn.GetConnection())
      {
        cn.Open();
        SqlCommand cm = new SqlCommand();
        cm.Connection = cn;
        string sql = "delete from news where ID=@qq";
        cm.CommandText = sql;
        cm.Parameters.AddWithValue("@qq", news1.ID);
        cm.ExecuteNonQuery();
      }
    }

步骤二：设置DataKeyNames属性为id。
步骤三：添加编辑列与删除列。打开GridView任务菜单中，选择“编辑列”
命令打开“字段”对话框，在左上方“可用字段”列表中将CommandFired前的“+”号展开，分别选择“编辑、更新、取消”选项与“删除”按钮，单击“确定”即可。
步骤四：设置模版列。数据绑定控件的模板列可用于显示用户自定义内容。
实例一：输入非空验证
Step1：打开“字段”对话框，选择“新闻标题”选项。单机右下方“将此段转换为TemplateFired”超链接将其转换为模版列。
Step2：打开GridView任务菜单中，选择“编辑模板”进入，向EditItemTemplate模板项设置一个数据验证控件RequiredFiredValidator,实现非空验证。
实例二：删除前加上一个确认删除的对话框
Step1：打开“字段”对话框，选择“删除”选项。 单击右下方“将此段转换为TemplateFired”超链接将其转换为模版列。
Step2：添加一个客户端事件OnClientClick,编写 JavaScript脚本：OnClientClick="return confirm('确认要删除吗')"

运行效果图：

总结
之前介绍了ASP.NET数据访问技术中的ADO.NET对象，今天则学习的是数据绑定技术，使用该技术可以是Web应用程序轻松地与数据库进行交互。

今天主要了解了 GridView以及ObjectDataSourse两大控件，希望对大家熟练掌握这两个控件有所帮助。

赞 (0)

相关推荐

  • ASP.NET网站聊天室的设计与实现(第3节)

    ASP.NET网站聊天室的设计与实现(第3节)

    大家都玩过网站聊天室吧,那知道它是怎么实现的吗? 今天我们就来设计一个网站聊天室,用户输入用户名登陆聊天室,采用框架结构实现. 学习内容: 第一步,聊天室首页与简单计数器设计 1.打开VS2008.在"解决方案'101'下新建网站,命名为Chatroom.默认首页文件为Default.aspx. 2.为Default.aspx添加窗体控件,切换到"设计"视图,从左侧工具箱标准组中拖出2个Lable控件,1个Textbox控件,一个Button控件,最后给输入昵称的Textbo

  • ASP.NET MVC3网站创建与发布（1）

    ASP.NET MVC3网站创建与发布（1）

    有时候我们有了网站但是却不知道怎么进行发布,这一节我们演示下怎样使用VS2010创建与发布MVC3建立的网站.使用VS2010创建MVC3.0网站,需要下载MVC3.0的安装包,这个大家可以去网络上下载. 1.项目创建 打开VS2010,选择 文件--新建项目---ASP.NET MVC3 web应用程序,如下图  接着选择Razor视图,如下图,点击确定,这样一个MVC3项目就创建完成了  2.网站发布    右键选择刚创建的项目,弹出一个下拉菜单,选择 "发布"菜单,弹出 &quo

  • ASP.NET用户注册实战（第11节）

    ASP.NET用户注册实战（第11节）

    在我们第四小节---ASP.NET实现用户注册和验证功能当中,已经学习了ASP.NET验证控件的作用和使用方法,所以相对来说这节就比较轻松. 学习内容: 步骤一 添加新项,创建Web窗体并将其命名为"zhuce.aspx" 步骤二 布局页面,创建6行2列的表格 步骤三  在zhucechuli.cs页面中编写代码如下: public class zhucechuli { public zhucechuli() { } private SqlConnection conn; public

  • 管理员登录设计(第7节)

    管理员登录设计(第7节)

    本文实现管理员登录效果,当用户名和密码正确时,弹出登录成功提示,否则弹出用户名或密码错误提示. 今天有以下三大学习任务: 学习任务一 了解命名空间的定义 定义   namespace 空间名   {  类  }  引用  using 空间名 学习任务二 实现管理员登陆界面的设计 界面布局具体如图所示: 小提示:在插入表格的时候,应注意表格的大小.布局.边框.背景的设置,提前做好准备,可以节省接下来的工作:第二点就是区分image与imagebutton. 学习任务三 实现登录界面的验证 步骤1:

  • ASP.NET MVC3模板页的使用（2）

    ASP.NET MVC3模板页的使用（2）

    本文为大家演示下MVC3中怎样使用模板页,在传统的webform设计模式中,我们使用masterpage作为模板页,在MVC3 razor视图设计中,我们使用另一种方式作为模板页. 新建一个MVC3项目,在解决方案资源管理中,我们可以看到VIEWS文件夹下面有一个Shared文件夹.在Shared文件夹里面有一个_Layout.cshtml页面.这个就是项目中默认的模板页面.如下图所示 : 1.新建内容页         内容页在MVC3中也叫做视图布局页,可以右键选中视图文件夹,通过添加视图来

  • ASP.NET在线文本编辑控件的使用（第6节）

    ASP.NET在线文本编辑控件的使用（第6节）

    首先了解在线文本编辑环境FCKeditor的使用方法,然后使用FCKeditor实现设计一个发表日志文章的页面. 学习内容 1.将FCKeditorV2.dll文件添加到工具箱.       右击工具箱中的任一控件组,在弹出的快捷菜单中选择"选择项",弹出"选择工具箱项"对话框,选择".NET Framework组件"选项卡,单击"浏览"按钮,在弹出的对话框中选择添加Bin文件夹下的FCKeditorV2.dll文件,添加控件

  • 创建第一个ASP.NET应用程序（第1节）

    创建第一个ASP.NET应用程序（第1节）

    这一节我们一起学习创建一个根据用户输入来显示相应的欢迎信息的页面,希望小伙伴们可以和我一起动手操作 学习内容: 第一步,创建ASP.NET程序 1.运行 Visual Studio 2008.在菜单栏中选择"文件" →"新建" →"项目"命令,在弹出的"新建项目"的对话框中,选择左侧的"其他项目类型"树形目录中的"Visual Studio 解决方案"选项,在右边"Visual

  • ASP通过ODBC连接SQL Server 2008数据库的方法

    创建数据库连接文件[dsn文件]的方法 创建 ODBC DSN 文件 在创建数据库脚本之前,必须提供一条使 ADO 定位.标识和与数据库通讯的途径.数据库驱动程序使用 Data Source Name (DSN) 定位和标识特定的 ODBC 兼容数据库,将信息从 Web 应用程序传递给数据库.典型情况下,DSN 包含数据库配置.用户安全性和定位信息,且可以获取 Windows NT 注册表项中或文本文件的表格. 通过 ODBC,您可以选择希望创建的 DSN 的类型:用户.系统或文件.用户和系统

  • Asp.Mvc 2.0用户客户端验证实例讲解（3）

    Asp.Mvc 2.0用户客户端验证实例讲解（3）

    今天给大家讲解下ASP.NET mvc的客户端验证.通常情况下,我们在页面中对输入的内容多要进行客户端验证,客户端验证一般使用JS进行,这里咱们讲解下使用jquery.validate插件进行客户端验证. 首先咱们看下注册页面的验证效果 以上验证主要包括 1.用户名不能为空 2.密码不能为空,密码长度不能小于5位数 3.确认密码不能为空,确认密码长度不能小于5位,确认密码必须和密码文本框输入的一致 4.邮箱格式必须正确. 以下是使用jquery.validate插件进行验证的代码 [html]

  • 实现Asp.net mvc上传头像加剪裁功能

    实现Asp.net mvc上传头像加剪裁功能

    在我们使用QQ上传头像,注册用户账号时是不是都会遇到上传图像,并根据自己的要求对图像进行裁剪,这是怎么实现的呐? 本文主要介绍了Asp.net mvc实现上传头像加剪裁功能,分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下: 前台代码 <link href="~/Content/fineuploader.css" rel="stylesheet" /> <link href="~/Content/jquery.Jcrop

  • ASP.NET验证码（3种）

    ASP.NET验证码（3种）

    日常生活中我们在使用网站时都会遇到验证码,大家有没有想过为什么要使用验证码? 其实验证码的作用就是防止恶意破解密码.刷票.论坛灌水.刷页.有效防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登录尝试.今天就跟大家分享ASP.NET的三种验证码. 1.GSC_WebControlLibrary 这是在网上找到的一个控件,非常好用.但是效果不是特别好(见下图. )虽然容易使用,所有的属性都可以像控件一样设置,但是可用性不太高.用户不能自定义,而且看起来这个验证码效果不太好. 效果:

  • ASP.NET实现数据的添加(第10节)

    ASP.NET实现数据的添加(第10节)

    这节以新闻网站为例实现新闻的添加,并把附件和图片上传至服务器. 学习内容 步骤一 添加新项,创建Web窗体并将其命名为"newsadd.aspx" 步骤二 布局页面,创建6行2列的表格 步骤三  数据源控件定义数据的方法,在newschuli.cs页面中编写代码如下: public static void addnews(newsclass news1) { using (SqlConnection cn = dbconn.GetConnection()) { cn.Open(); S

  • Asp.net下利用Jquery Ajax实现用户注册检测（验证用户名是否存）

    Asp.net下利用Jquery Ajax实现用户注册检测（验证用户名是否存）

    其中用到了jquery插件来验证用户名哦,这里是利用jquery ajax来验证用户名是否存在哦.大家看看效果图,后面将附上源码下载. jquery框架实现的ajax 验证用户名是否存在的部分JS 复制代码 代码如下: $("#accounts").formValidator({onshow:"请输入用户名",onfocus:"用户名至少4个字符,最多10个字符",oncorrect:"该用户名可以注册"}).inputVal

  • GridView控件实现数据的修改（第9节）

    GridView控件实现数据的修改（第9节）

    上一篇是使用GridView控件实现数据的显示和删除,这一节设计页面,使用GridView控件实现数据的更新操作,当更新时新闻的内容没有输入则提示"不能为空". 学习内容: 学习任务一 使用GridView控件实现信息的更新 步骤一:数据源控件定义数据的方法,在newschuli.cs页面中编写代码如下: public static void modifynews(newsclass news1) { using (SqlConnection cn = dbconn.GetConnec

  • ASP.NET实现用户注册和验证功能（第4节）

    ASP.NET实现用户注册和验证功能（第4节）

    在前几篇文章中小编已经为大家分享几篇关于验证控件实现的文章,今天我们再具体为用户登录页面添加输入数据验证功能和验证码功能. 学习内容 1.创建ASP.NET应用程序. 在E:\Solution1目录下双击文件,运行Visual Studio 2008.在"解决方案资源管理器"面板中,右击"解决方案,在弹出的快捷菜单中选择"添加"--"新建网站"命令,新建Chap4站点. 2.在站点Default.aspx页面上先添加一个6行2列的表格,

  • Asp.Mvc 2.0实现用户登录与注销功能实例讲解（2）

    Asp.Mvc 2.0实现用户登录与注销功能实例讲解（2）

    这一节讲解下ASP.MVC 2.0的用户登录与注销功能,先讲登录,后说注销.我们这个系列讲的用户登录方式都是FORM表单验证方式.在讲之前先给大家说下<%:%>的功能,<%:%>与<%=%>功能一样,用来动态输出内容. 一.登录 1. 建立MODEL 登录的时候,我们一般只要验证用户名和密码,还有是否保存登录COOKIE,所以我们建立一个MODEL登录类,只需包括3个字段就可以. /// <summary> /// 用户登录MODEL /// </su

  • Asp.Mvc 2.0实现用户注册实例讲解（1）

    Asp.Mvc 2.0实现用户注册实例讲解（1）

    最近一直在研究ASP.NET MVC,看了一些教程,总觉得印象不是太深刻,于是决定动手写一个系列的MVC教程,一方面是为了加深自己的印象,另一方面也给学习MVC的同学提供一些帮助,作为一个参考资料.本系列的教程将通过一个实例来由浅入深讲解MVC,相关知识点将在我们的实例中为大家讲解. Asp.mvc模式改变了传统的asp.net webform方式,我们在使用MVC开发WEB程序时,要摒弃传统的WEBFORM方式的思想,传统的WEBFORM方式用户拖拉一个按钮,然后双击按钮,就可以在后台写相应的

  • ASP.NET MVC4之js css文件合并功能(3)

    ASP.NET MVC4之js css文件合并功能(3)

    MVC4增加了一些新功能,接下来,我们来研究下MVC4中的新增功能,我们在新建一个MVC4项目的时候,会发现在项目下多出了一个App_Start文件夹,文件夹下面有4个文件,BundleConfig.cs,FilterConfig.cs,RouteConfig.cs,WebApiConfig.cs,其中BundleConfig.cs文件就是我们这一节要讲的的文件. 众所周知,浏览器在向服务器发送请求的时候,请求的文件连接数量是有限制的.使用BundleConfig可以将多个文件请求和并成一个请求

  • ASP.NET网站模板的实现(第2节)

    ASP.NET网站模板的实现(第2节)

    我们的主要学习任务是掌握站点地图文件和站点导航控件的使用以及熟练掌握创建母版页和生成内容页的方法,开始学习吧 学习内容: 第一步,网站的面包屑导航 1.创建ASP.NET应用程序,运行Visual Studio2008,在菜单栏中选择"文件"→"新建"→"项目"命令,进行操作. 2.在"解决方案资源管理器"面板中,右击"解决方案'0931'",在弹出的快捷菜单中选择"添加"→"

  • ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能

    ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能

    页面样式代码: 复制代码 代码如下: <style type="text/css"> .header { background-color: #CCCCCC; color: White; font-size: x-large; } .content { background-color: White; font-weight: lighter; font-size: small; } .content td { text-align: left; } .mandatory

  • asp.net XMLHttpRequest实现用户注册前的验证

    测试通过环境VS2008,添加2个新项1:DEMO3.ASPX 复制代码 代码如下: //查询字符串,SEND服务端的参数 function createQueryString() { var userName = document.getElementById("userName").value; var querystring = "userName=" + userName; return querystring; } function RunAjax() {

  • 简析ASP.NET网站的创建与发布过程

    简析ASP.NET网站的创建与发布过程

    一.简单网站创建: 1.首先打开VS, 2.文件-->新建-->网站-->ASP.NET(注意语言选择c#)-->对项目进行命名,这里命名为hopeTest: 3.系统会默认生成一个Default.aspx文件,文件内容如下: <%@ Page Language="C#" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PU

随机推荐