首页 > 代码库 > C# C1TrueDBGrid控件如何加载图片列
C# C1TrueDBGrid控件如何加载图片列
表格中加载图片是很常见的功能,尤其是网页中,图片的展示更是随处可见。这个功能在bs中很容易就实现了:
前台代码:
<asp:GridView ID="GridView1" runat="server"> <Columns> <asp:TemplateField> <ItemTemplate> <asp:Image ID="img1" ImageUrl='<%#Eval("img") %>' runat="server" AlternateText="image lost" /> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView>
然后绑定上数据源就可以了。
但是在CS项目中实现起来并不是那么简单。现在来说明下用C1TrueDBGrid控件怎么实现图片的绑定与展示。
首先需要说明一点:C1TrueDBGrid控件不能直接绑定包含图片的数据源,因为图片是以OracleType.Blob类型保存在数据库中的,直接把查询到数据源绑定到控件上会报错。
具体的实现过程:
1 . 从数据库查询出两个数据源,一个包含图片,一个包含图片外的信息。
DataTable detailTbl = new DataTable();
DataTable TablePic = new DataTable();
(具体查询过程不再描述了)
2 . 将不包含图片的数据源绑定到控件上。
//绑定数据源
DGVpic.DataSource = detailTbl;
3 . 动态添加一列,并设置其属性。
// 动态添加图片列 C1.Win.C1TrueDBGrid.C1DataColumn Col = new C1.Win.C1TrueDBGrid.C1DataColumn(); DGVpic.Columns.Insert(0, Col); Col.Caption = "Image"; //列名称 Col.DataType = Type.GetType("Byte"); //数据类型 Col.DataField = "b_pic_big"; //绑定字段名称 //设置图片列的属性 C1.Win.C1TrueDBGrid.C1DisplayColumn dc; dc = DGVpic.Splits[0].DisplayColumns["b_pic_big"]; DGVpic.Splits[0].DisplayColumns.RemoveAt(DGVpic.Splits[0].DisplayColumns.IndexOf(dc)); DGVpic.Splits[0].DisplayColumns.Insert(0, dc); dc.Visible = true; dc.FetchStyle = true; //FetchStyle = true 这点很重要!
4 . 利用DGVpic_FetchCellStyle事件,将包含图片的数据源填充到C1TrueDBGrid控件上。在这里涉及到两次转换,一是将Oracle Blob类型的数据强制转换成byte[]类型,然后调用函数将byte[]转换成Image类型,最后显示出来。
private void DGVpic_FetchCellStyle(object sender, C1.Win.C1TrueDBGrid.FetchCellStyleEventArgs e) { //在两个数据源中寻找出匹配项 DataRow[] dataRows = TablePic.Select("s_toolsid='" + detailTbl.Rows[e.Row]["s_toolsid"] + "'"); if (dataRows.Length != 0) { //将Oracle Blob类型的数据强制转换成byte[]类型,然后调用GetImageFromByteArray函数将byte[]转换成Image类型。 e.CellStyle.ForegroundImage = GetImageFromByteArray((byte[])dataRows[0]["b_pic_big"]); e.CellStyle.ForeGroundPicturePosition = C1.Win.C1TrueDBGrid.ForeGroundPicturePositionEnum.PictureOnly; } }
GetImageFromByteArray方法:
/// <summary> /// 将byte[]类型转换为Image类型,并返回 /// </summary> /// <param name="picData"></param> /// <returns></returns> private Image GetImageFromByteArray(byte[] picData) { if (picData =http://www.mamicode.com/= null) return null;>做完这几步,图片就可以加载出来了。
综上所述,有几点应该特别注意:1 . 上面也说了,C1TrueDBGrid控件不能直接绑定包含图片的数据源,因为图片是以OracleType.Blob类型保存在数据库中的,直接把查询到数据源绑定到控件上会报错。
1 . 绑定图片列前,先给控件绑定上数据源,否则图片列将不会显示。原因是使用FetchCellStyle事件,该Cell要有值才能触发该事件。
2 . 要将FetchStyle属性设置为True
C# C1TrueDBGrid控件如何加载图片列