在 WebForm 的 DadaGrid 中显示图象

--兼谈 DadaGrid 模板列的创建

DadaGrid 是 ASP.NET 编程中一个很重要的控件,其优良的可定制功能为提高它的表现力提供了极大的方便。除了与数据源直接绑定以外,我们还可以通过列绑定模板对 DataGrid 的列进行自定义,来按照我们设定的格式显示数据。
例如,数据表中有一个字段 f_DemoImage 用来存放图片的路径(包括图片文件名),为了在 DataGrid 的 Cell 中显示实际的图片,我们可以定义一个模板列,然后给该列赋予字段 f_DemoImage 的值,就可以在 DataGrid 的 Cell 中显示图片。

WebForm1.aspx 文件:

1@ Page language="c#" Codebehind="Wizard_select_template.aspx.cs" AutoEventWireup="false" Inherits="WebHatcher.WebForm1" 
 1<html>
 2<head>
 3<title>WebForm1</title>
 4<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR"/>
 5<meta content="C#" name="CODE_LANGUAGE"/>
 6<meta content="JavaScript" name="vs_defaultClientScript"/>
 7<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema"/>
 8<link href="./styles/style.css" rel="stylesheet" type="text/css"/>
 9</head>
10<body ms_positioning="GridLayout">
11<form id="Form1" method="post" runat="server">
12<asp:datagrid autogeneratecolumns="False" id="DataGrid1" runat="server" width="744px">
13<columns>
14<asp:templatecolumn>
15<itemtemplate>
16<asp:image id="Image1" imageurl='```
17 #DataBinder.Eval(Container,"DataItem.f_DemoImage") 
18```' runat="server"></asp:image>
19</itemtemplate>
20</asp:templatecolumn>
21</columns>
22</asp:datagrid>
23</form>
24</body>
25</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
{
///

1<summary>   
2/// WebForm1 的摘要说明。   
3/// </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);
}

///

1<summary>   
2/// 设计器支持所需的方法 - 不要使用代码编辑器修改此方法的内容。   
3/// </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; //返回默认视图
}

}
}

张庆 [email protected]
http://www.why100000.com
http://soft.why100000.com
QQ:9365852
2004.5.28

Published At
Categories with Web编程
Tagged with
comments powered by Disqus