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两大控件,希望对大家熟练掌握这两个控件有所帮助。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索gridview控件
, GridView用法
, ObjectDataSourse用法
ObjectDataSourse控件
gridview分页的实现、gridview控件、gridview控件使用详解、自定义gridview控件、ios gridview 实现,以便于您获取更多的相关知识。

时间: 2024-08-03 12:21:51

GridView控件实现数据的显示和删除(第8节)_实用技巧的相关文章

asp.net GridView控件鼠标移动某行改变背景颜色(方法一)_实用技巧

复制代码 代码如下: using System; using System.Data; using System.Configuration; using System.Collections; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using Syste

ASP.NET中的DataGridView绑定数据和选中行删除功能具体实例_实用技巧

首现我们拖入一个DataGridView控件到.aspx页面中,然后绑定你需要显示的列,具体代码如下. 复制代码 代码如下:  <asp:GridView ID="gvDepartList" runat="server" AutoGenerateColumns="False"          Height="108px" Width="600px"  OnRowDeleting="gvDe

asp.net中使用 Repeater控件拖拽实现排序并同步数据库字段排序_实用技巧

数据库表中有一个单位表,里面包括ID.Name.Order等字段,现在有个后台管理功能,可以设置这些单位在某些统计表格中的先后显示顺序,于是想到用拖拽方式实现,这样操作起来更简便. 使用了GifCam软件做了一个示例动画,效果如下图所示: 于是就动手起来,发现jquery.ui中提供sortable函数,可用于排序,界面中从数据库绑定的单位使用Repeater控件,下面简单介绍下主要步骤: 1.项目中使用到的jquery-1.7.2.min.js和jquery-ui.min.js请点击进行下载,

利用.net控件实现下拉导航菜单制作的具体方法_实用技巧

今天的一个小测试是老师让用.NET用控件来制作一个拉菜单要求如下: 将鼠标移到父菜单上弹出3个子菜单,而且每个子菜单都有超链接. 以下是我自己做的代码: 复制代码 代码如下:     <asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" Width="100%"             Font-Size="14px" ForeCol

GridView控件实现数据的修改(第9节)_实用技巧

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

gridview控件的启动编辑和启动删除复选框不见了,求告知在哪里5555

问题描述 gridview控件的启动编辑和启动删除复选框不见了,求告知在哪里5555 各位大神,请看图:求告知如何设置,谢谢 解决方案 http://zhidao.baidu.com/link?url=WJWcsBcUgVUTUoZVl8BPhhlWwoKKZHYelF6cC2r4pcuLJam4LEjNfVinUIm4t9bCqt0MYc1xQEJ0rydEMuTNj_ 解决方案二: 谢谢,我也刚刚发现,我把update用了之后,自动就出来了,嘿嘿,谢谢

在GridView中LinkButton的属性的应用(如何不用选中就删除这一行)_实用技巧

1.在gridview中一直对"删除"不是很理解,在ASP的模式下面,这个删除链接应该有一个行ID标识,以便程序知道删除那一行,或针对这行做一些处理,然而在ASP.net里面也可以用,但是不是最好的. 2.应该用LinkButton的各种属性,这时候非常方面,而且便于理解.这样不用选中一行(gridview.selectedRow 提供定位信息),然后再点击某种操作了. 请注意 CommandName, CommandArgument 和 LinkButton的名字 CommandAr

datalist 控件绑定数据不显示,数据库里面不为空

问题描述 usingSystem;usingSystem.Data;usingSystem.Data.SqlClient;usingSystem.Configuration;usingSystem.Collections;usingSystem.Web;usingSystem.Web.Security;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;usingSystem.Web.UI.WebControls.WebParts;usingSys

ASP.NET中TextBox使用Ajax控件显示日期不全的问题解决方法_实用技巧

正常的引用 复制代码 代码如下: <%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="AjaxToolKit" %><asp:TextBox ID="txtRecordTime" runat="server" cssclass="style" width