Untuk Menampilkan Gambar dari Sqlserver2008R2 dengan Menggunakan Asp.net c# TeleriK Radgrid

Buat Module dengan Menggunakan Visual Studio 2008

Pilih Asp Net Web Aplication  beri Name dan Location Yang kita Inginkan

 

Setelah itu akan muncul project  dan berinama ReportImageurl  dan klik kanan add new exsiting dan pilih webformcontrol dan berinama ReportImageurl lalu akan muncul ReporimageUrl.ascx dan ReportImageUrl.ascx.cs

 

Dan pada ReportImageUrl.ascx kita coding seperti berikut ini

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="radgriddataimageurl.ascx.cs" Inherits="griddataimageurl.radgriddataimageurl" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<div>

    <telerik:RadGrid ID="rgMain" runat="server" AllowSorting="true" Width="864px" Visible="True"

        Skin="WebBlue" PageSize="15" AllowPaging="true" ClientSettings-Resizing-AllowColumnResize="true"

        OnItemDataBound="rgMain_ItemDataBound" AutoGenerateColumns="false">

        <ExportSettings IgnorePaging="true" OpenInNewWindow="true">

            <Pdf PageHeight="210mm" PageWidth="297mm" PageTitle="SushiBar menu" PageBottomMargin="20mm"

                PageTopMargin="20mm" PageLeftMargin="20mm" PageRightMargin="20mm" />

        </ExportSettings>

        <HeaderStyle Font-Bold="true" />

        <MasterTableView TableLayout="Fixed">

            <Columns>

                <telerik:GridTemplateColumn UniqueName="TemplateColumn" HeaderText="No.">

                    <ItemTemplate>

                        <asp:Label ID="numberLabel" Text="test" runat="server" Width="30px" />

                    </ItemTemplate>

                    <HeaderStyle Width="44px" />

                </telerik:GridTemplateColumn>

                <telerik:GridTemplateColumn HeaderText="Name">

                    <ItemTemplate>

                        <asp:Label ID="lblUserName" runat="server" Width="100px" Text='<%# Eval("Nama") %>'></asp:Label>

                    </ItemTemplate>

                </telerik:GridTemplateColumn>

                <telerik:GridTemplateColumn HeaderText="Address">

                    <ItemTemplate>

                        <asp:Label ID="lblFileName" runat="server" Text='<%# Eval("Alamat") %>'></asp:Label>

                    </ItemTemplate>

                </telerik:GridTemplateColumn>

                <telerik:GridTemplateColumn HeaderText="Photo">

                    <ItemTemplate>

                    <center>    <asp:image id="imgMain" bordercolor="Black" imageurl='<%# Eval("Foto") %>'

                                                runat="server" width="100px" /></center>

                    </ItemTemplate>

                </telerik:GridTemplateColumn>

               

            </Columns>

        </MasterTableView>

    </telerik:RadGrid>

</div>

Dan pada ReportImageUrl.ascx.cs kita coding sebagai berikut

using System;

using System.Collections;

using System.Configuration;

using System.Data;

using System.Linq;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.HtmlControls;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Xml.Linq;

using DotNetNuke.Entities.Modules;

using System.Collections.Generic;

using Telerik.Web.UI;

namespace griddataimageurl

{

    public partial class radgriddataimageurl : PortalModuleBase

    {

        protected void Page_Load(object sender, EventArgs e)

        {

            if (!IsPostBack)

            {

                BindLog();

            }

        }

        protected void rgMain_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)

        {

            if (e.Item is GridDataItem)

            {

                if (rgMain.CurrentPageIndex == 0)

                {

                    Label lbl = e.Item.FindControl("numberLabel") as Label;

                    lbl.Text = (e.Item.ItemIndex + 1).ToString();

                }

                else

                {

                    Label lbl = e.Item.FindControl("numberLabel") as Label;

                    lbl.Text = ((e.Item.ItemIndex + 1) + (rgMain.CurrentPageIndex * rgMain.PageSize)).ToString();

                }

            }

        }

        protected string GetDateString(object obj)

        {

            string strHasil = string.Empty;

            if (obj != null)

            {

                strHasil = obj.ToString();

            }

            else

            {

                strHasil = "-";

            }

            return strHasil;

        }

        private void BindLog()

        {

            List<ReportAndri.Entitas.DataFoto > objList = new List<ReportAndri.Entitas.DataFoto >();

            ReportAndri.Cntroler.datafoto  objCtlr = new ReportAndri.Cntroler.datafoto ();

            objList = objCtlr.Datafotoaccountsecuritalist.ToList<ReportAndri.Entitas.DataFoto >();

            rgMain.DataSource = objList;

            rgMain.DataBind();

        }

    }

}

 

Kemudian Kita Run dan hasilnya akan seperti berikut ini:

 

Sekian Terimakasih !