首页 | 网站开发 | 数据库技术 | 操作系统 | 创意设计 | 组网专栏 | 信息安全 | 综合应用 | 会员登录 | 会员投稿
当前位置:首页>>网站开发>>.Net>>正文
10天学会ASP.net之第八天
文章出处:联动天下 作者:联动天下 发布时间:2006-12-08

10天学会ASP.net之第八天

[2005-11-14 16:19:18] [来源:网络] [我要投稿]

本文章地址:http://tech.163.com/05/1114/16/22HI2VUU0009159F.html [点此复制地址]

    学习目的:初步掌握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
显示的样子就如下:
id aa bb
1 werwe rewrwe
2 werwe rewrwe

     我们一定觉得这种显示不满意,我们有两种显示的方式(需要包括在<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两个字段放在一个单元格内显示,就好像下面一样:

1 werwe
rewrwe
2 werwe
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的分页显示等功能

[返回顶部↑] [推荐好友] [查看评论]
用户名: 新注册) 密码: 匿名评论 [查看评论] 发表评论
评论内容:(不能超过120字,需审核后才会公布,请自觉遵守互联网相关政策法规。
↑文章搜索↑
关键字:
范 围:
开始搜索
§相关文章§
·10天学会ASP.net之第九天
·10天学会ASP.net之第十天
·10天学会ASP.net之第五天
·ASP.NET+AJAX解决网页打开
·在ASP.NET中跨页面实现多选
·在ASP.NET中调用存储过程方
·ASP.NET2.0实现无刷新客户
·ASP.NET 2.0轻松实现数据库
§推荐文章§
| 网络教程 | 学习教程 | 域名交易 | 域名注册 | 域名主机 | 域名查询 | 虚拟主机 | 空间代理 | 域名代理 | 企业黄页 | 站长工具 | 在线客服 | 求职招聘 | 天下英才网 | 佛山人才网