兼谈 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 数据库口令
/// 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; //返回默认视图
}
}
}
张庆 zhangking@263.net
http://www.why100000.com
http://soft.why100000.com
QQ:9365852
2004.5.28
分享到:
相关推荐
在WPF的 DataGrid控件中显示图片的小例子
结合ashx在DataGrid中显示数据库中图片
easyUI中datagrid鼠标悬浮显示图片,博客地址:https://blog.csdn.net/lwf3115841/article/details/119531658?spm=1001.2014.3001.5501
环境:vs2010.功能实现:wpf项目,图片加载到datagrid动态控件中显示。
EasyUI,TopJUI的datagrid显示图片并点击放大浏览样式文件,主要是css,jss和图片资源,与文章匹配,也可单独使用,谢谢
felx和springHibernate整合传递二进制数据到表中并在flex的dataGrid控件中显示的实践
图片存储到数据库保存二进制文件,并在DATAGRIDVIEW中显示出来
图片是在XP下截的,所以看不出效果,在Win7下效果好点.其中的DataGrid分页绑定控件方法只要传入被绑定的DataGrid对象和数据源就可以绑定了,操作简单.
很好用的动态创建DataGrid并加入图片的方式。 只需要继承和实现一个接口就可以了。
WPF中利用image控件显示绝对路径下的图片,将绝对路径在textbox显示出来
wpf通过datagrid操作数据库,实现datagrid增删改操作。
这个是一个可以在winform的grid下显示图片的源代码实例希望对各位有用vb,net写的
MFC下通过ADO访问数据库,支持图片保存,用DataGrid关联显示。 数据库路径要自己在代码中修改。
C#语言,winform中dataGridView显示图片,使用的是vs版本是2013
wpf 自定义ComBoBox带DataGrid
详细介绍DataGrid控件的使用,可对数据可的信息以列表的形式显示,介绍详细,附有图片
论坛中最常见的一个问题是:“ 我怎样在... 这份指南的最终结果看起来像这样: 从上图可看出: 上面所用到的屏幕图片中的 DataGrid 是一个非常典型的 DataGrid 。有许多控制 DataGrid 外观的属性,它使用两个 BoundC
数据库读取二进制图片显示。。。。。。。提供大家学习学习
DataGridView 添加图片 导出 excel 插入图片 添加图片 ,图片设置大小c# 包含源码
easyui1.4.5增加一个鼠标滑过行,注意是行不是列,然后弹出框显示某些关键信息,如经典的图片预览操作,内容提供demo,并附修改方法,这个方法是修改的源码,没有增加扩展实现,若愿意请自行实现