定制表格的显示方式
来源:互联网 发布:数据库表内连接 编辑:程序博客网 时间:2024/05/26 02:20
在设计一个网站时,我们常需要在一个页面上用表格显示一个数据库中的数据。在传统的ASP中,你必须创建一个HTML表,在一个记录集(recordset)中循环来得到每个记录,并为每个记录创建一个<TR>标签。在每个记录中,你必须循环来得到每个字段并为它创建一个<TD>标签。你不得不手动地处理许多细节,比如创建列标题、设置每个字段的大小以及设置颜色。另外,如果你只想显示记录集的某些字段,你必须用IF语句来查看每个字段,看看你是否想显示它。ASP.NET不仅使所有这些工作变得简单了,而且它也可以让你全面控制表格的显示方式。
首先,将一个DataGrid拖放到一个Web窗体上。然后写一些数据访问代码来从一个数据库得到数据。运用下面的代码我们就可以把名为mdtUsers的DataTable中的数据绑定到dgdUsers这个DataGrid中了:
dgdUsers.DataSource = mdtUsersdgdUsers.DataBind() |
你也可以修改代码使DataGrid按你需要的方式显示(见图1)。例如,你可以在Web窗体上只显示DataTable的某些字段,或者你可以用一个不同的列标题来代替DataTable运用的字段名。.NET可以让你全面控制DataGrid的显示方式。
选择页面底部的HTML TAB键来显示页面的HTML代码。找到<asp:DataGrid>标签。你需要在<asp:DataGrid>和</asp:DataGrid>标签之间添加一些代码。例如,下面的代码就以交替形式改变了每行的背景颜色:
<AlternatingItemStyle BackColor="Coral"></AlternatingItemStyle> |
添加下面这行代码可以设置标题的背景颜色:
<HeaderStyle BackColor="Crimson"></HeaderStyle> |
现在,假设你不想显示DataTable中的所有的字段。首先,你需要给<asp:DataGrid>标签添加一个AutoGenerateColumns属性,并将它设置成False:
<asp:DataGrid id="dgdUsers" style="Z-INDEX: 101; LEFT: 43px; POSITION: absolute; TOP: 43px" runat="server" AutoGenerateColumns="False"> |
缺省情况下,AutoGenerateColumns设置成True,这就是告诉.NET,让它自动生成所有的列。如果你想控制生成哪些列,就将这个属性设置成False。然后,你需要添加一个<Columns>代码块,来告诉.NET你想显示哪些列。例如,下面的代码只显示Last Name、First Name和Email地址字段:
<Columns><asp:BoundColumn DataField="vcLastName" HeaderText="Last Name"></asp:BoundColumn><asp:BoundColumn DataField="vcFirstName" HeaderText="First Name"></asp:BoundColumn><asp:BoundColumn DataField="vcEmail" "HeaderText="Email"></asp:BoundColumn></Columns> |
你对每个想显示的列都用了一个<asp:BoundColumn>标签。DataField属性是DataTable中的字段名,HeaderText这个属性可以让你控制用于该列的标题名。
你的DataGrid的完整的HTML代码应该如下所示:
<asp:DataGrid id="dgdUsers" style="Z-INDEX: 101; LEFT: 43px; POSITION: absolute; TOP: 43px" runat="server" AutoGenerateColumns="False" > <AlternatingItemStyle BackColor="Coral"></AlternatingItemStyle> <HeaderStyle BackColor="Crimson"></HeaderStyle> <Columns> <asp:BoundColumn DataField="vcLastName" HeaderText="Last Name"></asp:BoundColumn> <asp:BoundColumn DataField="vcFirstName" HeaderText="First Name"></asp:BoundColumn> <asp:BoundColumn DataField="vcEmail" HeaderText="Email"></asp:BoundColumn> </Columns></asp:DataGrid> |
ASP.NET简化了许多普通的网站设计工作。通过运用很少几行的代码你就可以显示整个表的数据,而且它还可以按你想要的方式来显示数据。
- 定制表格的显示方式
- 定制bootstrap的表格
- Tikz定制精美的表格
- 定制dialog的方式
- 定制dialog的方式
- php显示中 表格中有两例相同内容的输出方式
- Easyui 表格datagrid 的单元格内容显示方式扩展
- DotNet中定制自己的表格
- 表格的隐藏显示
- 以横向树方式显示Html表格
- 几种可以实现在不同设备动态正常显示表格数据的方式
- Domino中用可定制表单显示定制的错误消息
- 表格常用的定义方式
- HTML表格显示的笔记
- css (文字链接表格)定制不同的样式
- [7] Word 定制属于自己的表格样式
- table 添加表行的底部边框、定制表格边框
- android 定制组件的三种方式
- 24点游戏的完全解决
- 整数平方根的汇编求法
- 用逻辑类所作的一个反证法的实例
- AVL树的实现(源码)
- AVL树的模板实现(增加了remove的方法)
- 定制表格的显示方式
- WEB 应用中的整体结构和层次关系
- 设计模式略谈
- 利用awk自动生成DTO
- 自己动手做个MSN信息群发软件
- 软件测试过程模型
- ASP.NET的 MVC框架
- Freeonline在线编辑器(自由软件)
- 搜索gb2312汉字在网上的频率