GridView控件 [教程].ppt

GridView控件 在ASP NET2 0中 加入了许多新的功能和控件 相比1 0 1 1 在各方面都有了很大的提高 其中 在数据控件方面 增加了不少控件 其中的gridview控件功能十分强大 在本文中 将一步步以实际例子介绍asp ne2 0中gridview控件的简单使用 问题引出 不是数据表中的一个数据也不是数据表中的一行数据 当我们要在网页中显示整个数据表的时候应当如何操作 问题解决 引入SqlDataSource和GridView两个新控件 一步到位的对这个问题进行处理 数据库设置 我们新建VOTE数据库 在VOTE数据库中新建INFO表 包括四个字段id int类型 其值设置为自动加1 同时id设为主键 此步置关重要 关系到以后实现Gridview的更新删除功能 username varchar类型 表示姓名 password varchar类型 表示密码 image varchar类型 图片保存的地址再往此表中添加一些数据 1 首先 我们用VS2005新建一个站点 之后分别将工具栏中的GridView控件和sqldatasource控件拖拉到窗口中 Sqldatasource是个数据源控件 使用它可以很方便地配置数据源 建立数据连接 几乎不需要写代码 我们使用SQLSERVER2000中的VOTE数据库 所以我们可以点选在拖拉该控件时 右边出现的 配置数据源 就可以了 如下图 2 之后 点新建连接按钮 建立一个新的数据连接 在本例中 我们选择localhost本地服务器 使用SQL混合身份认证 并选择使用VOTE数据库 之后再点击Testconnection按钮 以测试连接是否成功 成功的话 点 OK 完成 如下图 3 之后 在弹出的窗口中 询问是否保存数据连接字符串到web config文件中 如果选择保存 每次到要使用数据连接串时 只需要引用其名称就可以了 在本文中 我们将其命名为voteConnectionString 实际上 我们此时查看web config文件 会发现有如下代码 这行代码的作用就是可以代替我们在过去编写代码中写到的 Server database vote uid sa pwd 而我们以后在编程的过程中需要使用windows身份验证进入MSSQL数据库的时候 只需要把我们的connectionString的内容后面再加一个属性IntegratedSecurity True 表示以windows集成验证模式进入数据库 UID PWD这些内容就没作用了 PersistSecurityInfo属性的意思是表示是否保存安全信息 其实可以简单的理解为 在数据库连接成功后是否保存密码信息 True表示保存 False表示不保存默认为True具体可以通过Connection对象的ConnectString属性进行验证 如下所示 MSSQL的用户名为SA密码X 数据库连接前ConnectString providerName System Data SqlClient Password x UserID sa DataSource vote PersistSecurityInfo false 数据库连接成功后ConnectString providerName System Data SqlClient UserID sa DataSource vote 数据库连接前ConnectString providerName System Data SqlClient Password x UserID sa DataSource vote PersistSecurityInfo true 数据库连接成功后ConnectString providerName System Data SqlClient Password x UserID sa DataSource vote 此例为课后补充知识 不在课堂上演示感兴趣的同学可以自己在机房进行试验 4 我们再点击下一步的时候会进行SQL选取操作语句的设置 如图 这个界面的作用就相当于我们以前书写SQL语句 我们在此界面的下方就可以看到我们可视化操作对应行成的SQL命令 因为我们现在要显示所有的数据 所以我们选中 号 同时我们可以看到右边有where orderby 高级三个按钮 where和orderby的作用与我们平时使用的一样 表示选取出符合条件的内容 表示选取的内容以哪个字段进行排序 我们这里要显示的是所有数据 所以不点这两个按钮我们点击高级 选中生成INSERT UPDATE和Delete语句 作用是使我们可以直接用GridView进行数据的更新删除功能 点击下一步 再点完成 这样就完成了我们的SqlDataSource的设置 此时我们可以对最开始拉入的GridVIew控件进行操作了 点击右上角的三角形 选择SqlDataSouce1为数据源 再点击编缉列 出现这个界面 我们点击左下角的id项 在右边的属性栏中的HeaderText属性中写入编号 点击username项 设置为姓名 点击password设置密码 点击image 设置为照片路径 如图 这样我们就完成了本例在这个界面的操作过程 我们现在介绍一下这个界面的其它功能 如图 我们可以发现可用字段中有 个选项 他们的的作用是在GridView中显示不同的内容 BoundFild 用来显示纯文本 比如本例中就是显示的纯文本 所以都属于这个类型 CheckBoxFIeld显示单选按钮列HyperLinkFiled显示超级链接列ImageFiled显示图片列ButtonFiled显示按钮列CommandFiled显示功能列 比如数据库的更新删除功能 其中我们详解BoundField纯文本列的属性值DataField 文本显示内容是绑定的表中的哪个字段FooterText 页脚所显示的内容ConvertEmptyStringToNull 对空字符串的处理是转化为空 即无视空格 还是将它视为一个空字符串HtmlEncode 是否以Html格式进行编码InsertVisible Gridview可以提供向数据库中添加 插入 新数据功能 此处表示本列的数据是否允许被插入 比如一些自动加1的ID值就明显在插入数据时不需要添加 NullDisplayText 一些可以为空的字段为空时绑定到gridview时就没有内容显示 这时用此处的内容是显示ReadOnly Gridview提供编辑更新的功能 但一些字段比如主键是明显不能更改的 此时就必需设为只读 ShowHeader 是否显示页眉SortExpression 排序表达式Visible 本列是否可见 即可以显示或隐藏本列数据 六 点击GridView右上解小三角形后 选中启用分页 启用删除和启用编缉功能 在自动套用模式处选择彩色 在page Load事件中加上代码this GridView1 PageSize 1 每一页只显示一条数据 表示启动分页功能时每一页显示数据的条数 至此我们己经完成了本例 得到的页面图如下 所有功能均己实