OBOUT - ASP.NET Super Form - FileUpload Field

Quick Links

ASP.NET Super Form - FileUpload Field

Manage Products

Product ID

Product Name

Unit Price

Image

Update

Cancel

...

Use the TemplateField class to gain full control over the layout of the field.
A TemplateField allows developers to specify different templates for view / add / edit modes.

This example showcases the use of a TemplateField object for the "Image" field.
Using the TemplateField class we can use a FileUpload control to upload images for products.

ASP.NET

<obout:SuperForm ID="SuperForm1"
         runat="server"
         DataSourceID="SqlDataSource1"
         AutoGenerateRows="false"
        <Fields>
            <obout:TemplateField HeaderText="Ship Country">
                <ItemTemplate>
                    <asp:Image ID="Image1"  runat="server" AlternateText="" Width="100"
                    ImageUrl='<%# "~/Grid/images/products/" + Eval("Image").ToString() %>' />
                </ItemTemplate>
                <EditItemTemplate>
                    <asp:FileUpload ID="FileUpload1"  runat="server" />
                </EditItemTemplate>
            </obout:TemplateField>
        </Fields>
</obout:SuperForm />

"Thank you very much, your suite is amazing. It´s been a long time I´m trying to do this effect and asked the suport from others suites and none of them could do it works. Great product."

A.G.Junior

Fiorilli Software

Random testimonial All testimonials