How to: Create Columns in Markup

• Dec 17, 2020

The example below demonstrates how to add custom filter columns to the ASPxFilterControl in markup.

ASPX

<dx:ASPxFilterControl ID="ASPxFilterControl1" runat="server">
    <Columns>

        <dx:FilterControlDateColumn ColumnType="DateTime" DisplayName="Order Date" 
            PropertyName="Order">
        </dx:FilterControlDateColumn>

        <dx:FilterControlCheckColumn ColumnType="Boolean" DisplayName="Used" 
            PropertyName="Used">
        </dx:FilterControlCheckColumn>

        <dx:FilterControlTextColumn ColumnType="Decimal" DisplayName="Price" 
            PropertyName="Price">
            <PropertiesTextEdit DisplayFormatString="${0:0,0}">
            </PropertiesTextEdit>
        </dx:FilterControlTextColumn>

        <dx:FilterControlComboBoxColumn ColumnType="String" DisplayName="Country" 
            PropertyName="Country">
            <PropertiesComboBox>
                <Items>
                    <dx:ListEditItem Text="USA" Value="USA" />
                    <dx:ListEditItem Text="UK" Value="UK" />
                    <dx:ListEditItem Text="Germany" Value="Germany" />
                    <dx:ListEditItem Text="Italy" Value="Italy" />
                    <dx:ListEditItem Text="France" Value="France" />
                    <dx:ListEditItem Text="Japan" Value="Japan" />
                </Items>
            </PropertiesComboBox>
        </dx:FilterControlComboBoxColumn>

    </Columns>
</dx:ASPxFilterControl>