十天学会ASP.net之第八天

发表于:2007-09-07来源:作者:点击数: 标签:
首先看一下DATAGRID的样式方面的属性 BackImageUrl="" 背景图片 CellSpacing="" 单元格间距 CellPadding="" 单元格填充 cssClass="" 使用的CSS样式 DATAGRID可以自动用表中的字段名放在显示的记录的头部来表示各个单元格所代表的意义,用ShowHeader="true/fa
  首先看一下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

我们这样写代码:
<%@import Namespace="System.Data"%> <%@import Namespace="System.Data.OleDb"%>
<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.DataBind(); objConnection.Close(); } </script>

<html>
<body>
<asp:DataGrid id="dgrdMain" cellpadding="1" showheader="false" autogeneratecolumns="false" borderwidth="1" runat="server"> <columns> <asp:boundcolumn datafield="ii"/> <asp:TemplateColumn> <itemTemplate> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tr> <td><%# DataBinder.Eval(Container,"Dataitem.aa").ToString()%></td> </tr><tr> <td><%# DataBinder.Eval(Container,"Dataitem.bb").ToString()%></td> </tr> </table> </itemTemplate> </asp:TemplateColumn> </columns> </asp:datagrid>


原文转自:http://www.ltesting.net