在WebForm的DadaGrid中显示图象

发表于:2007-06-21来源:作者:点击数: 标签:
DadaGrid 是 ASP.NET 编程中一个很重要的控件,其优良的可定制功能为提高它的表现力提供了极大的方便。除了与数据源直接绑定以外,我们还可以通过列绑定模板对 DataGrid 的列进行自定义,来按照我们设定的格式显示数据。 例如,数据表中有一个字段 f_DemoIma

   
  DadaGrid 是 ASP.NET 编程中一个很重要的控件,其优良的可定制功能为提高它的表现力提供了极大的方便。除了与数据源直接绑定以外,我们还可以通过列绑定模板对 DataGrid 的列进行自定义,来按照我们设定的格式显示数据。

  例如,数据表中有一个字段 f_DemoImage 用来存放图片的路径(包括图片文件名),为了在 DataGrid 的 Cell 中显示实际的图片,我们可以定义一个模板列,然后给该列赋予字段 f_DemoImage 的值,就可以在 DataGrid 的 Cell 中显示图片。
  
  WebForm1.aspx 文件:
  <%@ Page language="c#" Codebehind="Wizard_select_template.aspx.cs" AutoEventWireup="false" Inherits="WebHatcher.WebForm1" %>
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
  <HTML>
   <HEAD>
  <title>WebForm1</title>
  <meta content="Microsoft Visual Studio .NET 7.1" name=GENERATOR>
  <meta content=C# name=CODE_LANGUAGE>
  <meta content=JavaScript name=vs_defaultClientScript>
  <meta content=http://schemas.microsoft.com/intellisense/ie5 name=vs_targetSchema>
  <LINK href="./styles/style.css" type=text/css rel=stylesheet >
  </HEAD>
  
  <body MS_POSITIONING="GridLayout">
  <form id=Form1 method=post runat="server">
  
  <asp:datagrid id=DataGrid1 runat="server" AutoGenerateColumns="False" Width="744px">
  <Columns>
   <asp:TemplateColumn>
    <ItemTemplate>
     <asp:Image id="Image1" ImageUrl='<% #DataBinder.Eval(Container,"DataItem.f_DemoImage") %>' runat="server"></asp:Image>
    </ItemTemplate>
   </asp:TemplateColumn>
  </Columns>
  </asp:datagrid>
  
  </form>
  </body>
  </HTML>
  
  ///WebForm1.aspx.cs 文件:
  using System;
  using System.Collections;
  using System.ComponentModel;
  using System.Data;
  using System.Drawing;
  using System.Web;
  using System.Web.SessionState;
  using System.Web.UI;
  using System.Web.UI.WebControls;
  using System.Web.UI.HtmlControls;
  using myDBAclearcase/" target="_blank" >ccess; //我的命名空间
  
  namespace WebHatcher
  {
  /// <summary>
  /// WebForm1 的摘要说明。
  /// </summary>
  public class WebForm1 : System.Web.UI.Page
  {
   protected System.Web.UI.WebControls.DataGrid DataGrid1;
  
   private void Page_Load(object sender, System.EventArgs e)
   {
   // 在此处放置用户代码以初始化页面
   if (Page.IsPostBack)
   { }
   else
   {
   // 在 DataGrid 中显示数据(包括图象):
   myTableAccess oDbTable = new myTableAccess(); //myTableAccess我是定义的数据库访问类
   oDbTable.sDbPath = Server.MapPath("./webhatcher.mdb");
   oDbTable.sPassword = "";
   oDbTable.sSQL = "select * from tabTemplate"; //tabTemplate是包含 f_DemoImage 字段的数据表
   DataGrid1.DataSource = oDbTable.ReadFromTable();
   DataGrid1.DataBind();
   }
   }
  
   #region Web 窗体设计器生成的代码
   override protected void OnInit(EventArgs e)
   {
   // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
   InitializeComponent();
   base.OnInit(e);
   }
   
   /// <summary>
   /// 设计器支持所需的方法 - 不要使用代码编辑器修改此方法的内容。
   /// </summary>
   private void InitializeComponent()
   {
   this.Load += new System.EventHandler(this.Page_Load);
   }
   #endregion
  }
  }
  
  //数据访问类的定义:
  using System;
  using System.Data;
  using System.Data.OleDb;
  
  namespace myDBAccess
  {
    /// 数据库存取 namespace:
    /// 类名:myTableAccess
   /// 属性:
   /// sDbPath   数据库路径(包括数据库文件名)
   /// sPassword  数据库口令
   /// sSQL    SQL 语句
  
   public class myTableAccess
   {
   //声明 3 个属性(域):
   public string sDbPath = "";
   public string sPassword = "";
   public string sSQL = "";
  
   private OleDbConnection oConn;
  
   public void OpenDB()
   {
   oConn = new OleDbConnection("Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" + sDbPath + ";Password=" + sPassword + ";");
   oConn.Open();
   }
  
   public void CloseDB()
   {oConn.Close(); }
  
   public DataView ReadFromTable()
   {
   OpenDB();
   OleDbDataAdapter oAdp = new OleDbDataAdapter(sSQL, oConn);
   DataSet oDtSt = new DataSet();
   oAdp.Fill(oDtSt, "aTable");
   CloseDB();
   return oDtSt.Tables["aTable"].DefaultView; //返回默认视图
   }
  
   }
  }
  
  (完)

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