怎么样在WebForm的DadaGrid中显示图象?
--兼谈 DadaGrid 模板列的创建
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 数据库口令 /// sSQLSQL 语句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; //返回默认视图 }}
}张庆 zhangking@263.net
http://www.why100000.com http://soft.why100000.com QQ:9365852 2004.5.28