注册
 找回密码
 注册
江西广告网
查看: 303|回复: 0
打印 上一主题 下一主题

在 WebForm 的 DadaGrid 中显示图象

[复制链接]

该用户从未签到

1
跳转到指定楼层
发表于 2009-1-5 09:02:37 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册

x
  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 myDBAccess; //我的命名空间      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 "assword=" 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; //返回默认视图    }       }   }      (完) <
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表