Hello Everyone,

Does anyone know how to make a DataGid that would include images? I guess the real question is can an image be attached in a database such as Microsoft Access. If so how do you go about and do it. I am under the assumption that you would create a datafield and the contents of the cells would give a path to where the images are stored.

Doing that,would you know how to set up an ItemTemplate in a DataGrid to interpet that information and display the image in the browser.

Please help.

thanks,

Ray

You can attach images into datagrid. Just use <itemtemplate> and you can get the picture there with normal image tag

Hi Lofa,

Thank you for your replies. Can give me a code example. I am still having a hard time to understand this.

thanks,

Ray

You can put a tag like <img width="50" height="50" src="../images/listings/details/
<%# dsListingRooms.FieldValue("ListingRoomPic",Contain er) %>"> between <itemtemplate></itemtemplate>

example
<asp:DataGrid AllowPaging="false"
  AllowSorting="False"
  AutoGenerateColumns="false"
  CellPadding="3"
  CellSpacing="0"
        DataKeyField="PID"
  DataSource="<%# kom.DefaultView %>" id="Komp_edit"
  runat="server"
  ShowFooter="false"
  ShowHeader="true"
  onUpdateCommand="kom.OnDataGridUpdate"
  onEditCommand="kom.OnDataGridEdit"
  onCancelCommand="kom.OnDataGridCancel"
  onDeleteCommand="kom.OnDataGridDelete"
  onItemDataBound="kom.OnDataGridItemDataBound"
>
            <HeaderStyle HorizontalAlign="center" BackColor="#E8EBFD" ForeColor="#3D3DB6" Font-Name="Tw Cen MT" Font-Bold="true" Font-Size="smaller" />
            <ItemStyle BackColor="#F2F2F2" Font-Name="Tw Cen MT" Font-Size="smaller" />
            <AlternatingItemStyle BackColor="#E5E5E5" Font-Name="Tw Cen MT" Font-Size="smaller" />
            <FooterStyle HorizontalAlign="center" BackColor="#E8EBFD" ForeColor="#3D3DB6" Font-Name="Tw Cen MT" Font-Bold="true" Font-Size="smaller" />
            <PagerStyle BackColor="white" Font-Name="Tw Cen MT" Font-Size="smaller" />
            <Columns>
            <asp:TemplateColumn HeaderText="Manufactor"
        Visible="True">
              <ItemTemplate><%# kom.FieldValue("Tillverkare", Container) %> </ItemTemplate>
              <EditItemTemplate>
                <asp:TextBox ID="tillverkare" runat="server" Columns="13" Text='<%# kom.FieldValue("Tillverkare", Container) %>'></asp:TextBox>
              </EditItemTemplate>
            </asp:TemplateColumn>
            <asp:TemplateColumn HeaderText="Product<br>name"
        Visible="True">
              <ItemTemplate><%# kom.FieldValue("ProduktNamn", Container) %> </ItemTemplate>
              <EditItemTemplate>
              <asp:TextBox runat="server" ID="produktnamn" Columns="13" Text='<%# kom.FieldValue("ProduktNamn", Container) %>'></asp:TextBox>
              </EditItemTemplate>
            </asp:TemplateColumn>
            <asp:TemplateColumn HeaderText="Category"
        Visible="True">
              <ItemTemplate><%# kom.FieldValue("Kat", Container) %></ItemTemplate>
              <EditItemTemplate>
                <asp:DropDownList DataSource="<%# kategori.DefaultView %>" DataTextField="Kat" DataValueField="CATID" ID="CATID" runat="server"
                            SelectedIndex='<%# (kom.FieldValue("CATID",Container)-1) %>'></asp:DropDownList>
              </EditItemTemplate>
            </asp:TemplateColumn>
            <asp:TemplateColumn HeaderText="Pic Orginal<br>(Details Page)"
        Visible="True">
              <ItemTemplate><%# kom.FieldValue("OrginalName", Container) %></ItemTemplate>
              <EditItemTemplate>
                <asp:DropDownList DataSource="<%# PicOrginal.DefaultView %>" DataTextField="OrginalName" DataValueField="PicOrginal" ID="PicOrginal" runat="server"
                 SelectedIndex='<%# (kom.FieldValue("PicOrginal",Container)-1) %>'></asp:DropDownList>
              </EditItemTemplate>
            </asp:TemplateColumn>
            <asp:TemplateColumn HeaderText="Pic Thumbnail<br>(Main Page)"
        Visible="True">
              <ItemTemplate><%# kom.FieldValue("ThumbName", Container) %></ItemTemplate>
              <EditItemTemplate>
                <asp:DropDownList DataSource="<%# PicThumb.DefaultView %>" DataTextField="ThumbName" DataValueField="PicThumb" ID="PicThumb" runat="server"
                 SelectedIndex='<%# (kom.FieldValue("PicThumb",Container)-1) %>'></asp:DropDownList>
              </EditItemTemplate>
            </asp:TemplateColumn>
            <asp:TemplateColumn HeaderText="Description"
        Visible="True">
              <ItemTemplate><%# kom.FieldValue("Beskrivning", Container) %> </ItemTemplate>
              <EditItemTemplate>
                <asp:TextBox ID="Beskrivning" runat="server" TextMode="MultiLine" Columns="12" Rows="5" Text='<%# kom.FieldValue("Beskrivning", Container) %>' ></asp:TextBox>
              </EditItemTemplate>
            </asp:TemplateColumn>
            <asp:TemplateColumn HeaderText="Description 2"
        Visible="True">
              <ItemTemplate><%# kom.FieldValue("Beskrivning2", Container) %> </ItemTemplate>
              <EditItemTemplate>
                <asp:TextBox ID="Beskrivning2" runat="server" TextMode="MultiLine" Columns="12" Rows="5" Text='<%#kom.FieldValue("Beskrivning2", Container) %>'></asp:TextBox>
              </EditItemTemplate>
            </asp:TemplateColumn>
            <asp:TemplateColumn HeaderText="Unit Price"
        Visible="True">
              <ItemTemplate>
                <div align="right"><%# Double.Parse(kom.FieldValue("Styckpris", Container)).ToString("C") %></div>
              </ItemTemplate>
              <EditItemTemplate>
                <asp:TextBox ID="Styckpris" runat="server" Columns="7" Text='<%# Double.Parse(kom.FieldValue("Styckpris", Container)).ToString("F") %>'></asp:TextBox>
              </EditItemTemplate>
            </asp:TemplateColumn>
            <asp:TemplateColumn HeaderText="Offer"
        Visible="True">
              <ItemTemplate><%# kom.FieldValue("rea", Container) %></ItemTemplate>
              <EditItemTemplate>
                <asp:TextBox ID="Rea" runat="server" Columns="4" Text='<%#kom.FieldValue("rea",Container) %>'> </asp:TextBox>
  Write Yes Or No </EditItemTemplate>
            </asp:TemplateColumn>
            <asp:ButtonColumn
        ButtonType="PushButton"
        CommandName="Delete"
        HeaderText="Delete"
        Text="Delete"
        Visible="True"/>
<asp:EditCommandColumn
        ButtonType="PushButton"
        CancelText="Cancel"
        EditText="Edit"
        HeaderText="Edit"
        UpdateText="Update"
        Visible="True"/>
</Columns>
          </asp:DataGrid>
this is created with Dreamweaver but the itemtemplate and edititemtemplate works on pure asp.net same like in dreamweaver