OBOUT - ASP.NET Super Form

Quick Links

ASP.NET Super Form - DateField

Order Details

Order ID

11077

Ship Name

Order Date

Shipped Date

Required Date

Update

Cancel

...

Add DateField objects to the Fields collection to manually specify the Date / DateTime fields of a Super Form. This type of field will render an OboutTextBox control and an Obout Calendar control in add / edit mode, which will allow end users to modify the underlying data. The Calendar control is configured to work in date picker mode and it is linked to the OboutTextBox control.

The DateField class exposes some important properties:

DataField - gets or sets the name of the data field to bind to the CheckBoxField object.
HeaderText - gets or sets the text that is displayed as the label of the field.
ReadOnly - gets or sets a value indicating whether the field is editable in add/edit mode.
DataFormatString - gets or sets the string that specifies the display format for the value of the field.
ApplyFormatInEditMode - gets or sets a value indicating whether the formatting string specified by the DataFormatString property
is applied to field values in edit mode.

The AutoGenerateRows property of the Super Form needs to be set to false when manually defining the fields.

ASP.NET

<obout:SuperForm ID="SuperForm1"
         runat="server"
         DataSourceID="SqlDataSource1"
         AutoGenerateRows="false">
        <Fields>
            <obout:DateField DataField="OrderDate" HeaderText="Order Date" 
             DataFormatString="{0:MM/dd/yyyy}" ApplyFormatInEditMode="true"/>
            ...
        </Fields>
</obout:SuperForm>