<sf:FlatSelector ID="itemsSelector" runat="server" ItemType="Models.FooModel"
    DataKeyNames="Id" ShowSelectedFilter="false" AllowPaging="false" PageSize="10" AllowMultipleSelection="true"
    AllowSearching="true" ShowProvidersList="false" InclueAllProvidersOption="true"
    SearchBoxTitleText="Filter by Title" ShowHeader="true"
    ServiceUrl="~/api/GetFoos">
    <DataMembers>
        <sf:DataMemberInfo runat="server" Name="PropertyId" IsExtendedSearchField="false" HeaderText='Property Id'>
            <strong>{{ PropertyId }}</strong>
        </sf:DataMemberInfo>
        <sf:DataMemberInfo runat="server" Name="Title" IsExtendedSearchField="true" HeaderText='Title'>
            <strong>{{ Title }}</strong>
        </sf:DataMemberInfo>
        <sf:DataMemberInfo runat="server" Name="ImageUrl" HeaderText='Image'>
            <span><img src="{{ ImageUrl }}" /></span>
        </sf:DataMemberInfo>
    </DataMembers>
</sf:FlatSelector>