OBOUT - ASP.NET Grid - With Images

Quick Links

ASP.NET Grid with Images

Product ID

Product Name

Unit Price

Image


1	Chai	18.0000	image1.jpg
2	Chang	19.0000	image2.jpg
3	Aniseed Syrup	10.0000	image3.jpg
4	Chef Anton's Cajun Seasoning	22.0000	image4.jpg
5	Chef Anton's Gumbo Mix	21.3500	image5.jpg

Records per page:

Records: 1 - 5 of 27 - Pages:

The data from the database can be easily converted to images using Templates.

See the Templates tutorial.

ASP.NET

<obout:Grid id="grid1" runat="server">

    <Columns>
        <obout:Column DataField="Image" runat="server">
            <TemplateSettings TemplateID="ImageTemplate" />
        </obout:Column>
    </Columns>

    <Templates>
            <obout:GridTemplate runat="server" ID="ImageTemplate">
                <Template><img src="images/products/<%# Container.Value %>" /></Template>
            </obout:GridTemplate>
    </Templates>

</obout:Grid>

"Thank you for your prompt response. I just love how fast you guys respond."

Gipson Masayi

Rapid Response Monitoring