网站主页   操作系统    网络工程    服务器    网页制作    数据库    程序开发    网络安全    办公软件   
讲座日期: 本周六下午1点30分 抢座
讲座地点: 北大青鸟马甸校区
主讲老师: 王老师 金牌讲师
讲座主题: 网络安全
讲座内容: 检测、防御、黑客信息,如何过滤不安全的网站,如何防御黑客的进攻。
订座电话: 010-82011432/33
  您当前位置:主页 > 网络学院 > 程序开发 > ASP.NET >

10天学会ASP.net之第八天




学习目的:初步掌握DATAGRID的使用
  以前在ASP中,我们显示大批量数据经常使用循环读取记录集的方式,在表格中插入代码来显示,循环的是<tr>,如果是分页还需要自己制作,如果排序更加复杂,在ASP.NET中就好了,一切工作都可以让DATAGRID来做。
  首先看一下DATAGRID的样式方面的属性
BackImageUrl="" 背景图片
CellSpacing="" 单元格间距
CellPadding="" 单元格填充
cssClass="" 使用的CSS样式
  DATAGRID可以自动用表中的字段名放在显示的记录的头部来表示各个单元格所代表的意义,用ShowHeader="true/false"来控制是不是显示,在大多数情况下我们是不需要这个功能的,因为我们数据库中的字段名大多是英文的,而我们想在页面输出的大多是中文名字。
  下面看一下显示数据库内所有记录,就几行代码:
<script runat="server" language="c#">
void Page_Load()
{
string strConnection="Provider=Microsoft.Jet.OleDb.4.0;Data Source=";
strConnection+=Server.MapPath("guestbook.mdb");
OleDbConnection objConnection=new OleDbConnection(strConnection);
OleDbCommand objCommand1 = new OleDbCommand("select * from guestbook",objConnection);
objConnection.Open();
dgrdMain.DataSource=objCommand1.ExecuteReader();//dgrdMain就是下面的DATAGRID的ID
dgrdMain.DataBind();
objConnection.Close();
}
</script>
<html>
<body> 
<asp:DataGrid 
id="dgrdMain" 
cellpadding="1" 
showheader="true" 
borderwidth="0"
runat="server" 
/> 
</body>
</html> 
  至于VB的版本,这次大家自己来试试吧:)
  假设数据库是三个字段:id,aa,bb
显示的样子就如下:
idaabb
1werwerewrwe
2werwerewrwe

   我们一定觉得这种显示不满意,我们有两种显示的方式(需要包括在<columns></columns>中间):
一、默认的列,我们可以选择不输出所有的字段还可以安排顺序:
<asp:BoundColumn DataField="想要显示的字段名">
比如说我们想按照bb,aa来输出这个表,我们这么写
<asp:DataGrid 
id="dgrdMain" 
cellpadding="1" 
showheader="true" 
autogeneratecolumns="false"
borderwidth="0"
runat="server">
<columns>
<asp:boundcolumn datafield="bb"/>
<asp:boundcolumn datafield="bb"/>
</columns>
</asp:datagrid> 
注意:使用了autogeneratecolumns="false"以后DATAGRID就不会自动输出所有字段了
二、以模板列,我们可以定制每一个单元格的样式:
<asp:TemplateColumn>
<itemTemplate>
中间是一个表格,想怎么样就怎么样
</itemTemplate>
</asp:DataGrid> 
或许你们要说怎么在表格中输出代码那,可以使用<%# DataBinder.Eval(Container.DataItem,"字段名").ToString()%>
下面看一个例子,我们所要做的就是把aa,bb两个字段放在一个单元格内显示,就好像下面一样: 
1werwe
rewrwe 
2werwe
rewrwe 

我们这样写代码: 
<asp:DataGrid 
id="dgrdMain" 
cellpadding="1" 
showheader="false" 
autogeneratecolumns="false"
borderwidth="0"
runat="server">
<columns>
<asp:boundcolumn datafield="ii"/> 首先使用默认的显示方式显示ID
<asp:TemplateColumn> 再使用模板来显示后面一列(由AA,BB并列组成)
<itemTemplate>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td><%# Container.DataItem("aa")%></td>
</tr>
<tr>
<td><%# Container.DataItem("bb")%></td>
</tr>
</table> 
</itemTemplate>
</asp:DataGrid> 
</columns>
</asp:datagrid> 
  今天就说到这里,明天我们来看一下DATAGRID的分页显示等功能

上一篇:10天学会ASP.net之第七天  
下一篇:10天学会ASP.net之第九天
相关信息:

·asp.net+SQL实现数据回滚 ·ASP.net实现在线音频、视频播放功能
·利用ASP.net开发邮件发布系统 ·优秀ASP.NET程序员的修炼之路
·ASP和ASP.Net共享Session解决办法 ·ASP.NET技术获取IP与MAC地址的方法
·ASP.Net中利用CSS实现多界面两方法 ·浅谈ASP.NET MVC框架
·ASP.NET MVC框架的ActionInvoker ·浅析ASP.NET MVC工程

Copyright © 2002-2015 版权所有
学校地址:北京市海淀区西三旗建材城中路29号北大青鸟
招生热线:010-82011433/32 京公网安备110102004704  京ICP备05043413号 京公网安备110102004704