The requested page is not available for the requested platform. You are viewing the content for Default platform.

TabView.ItemTemplate Property

Gets or sets the template the Tab View uses to generate tab items' content from the ItemsSource.

Namespace: DevExpress.XamarinForms.Navigation

Assembly: DevExpress.XamarinForms.Navigation.dll

Declaration

public DataTemplate ItemTemplate { get; set; }

Property Value

Type Description
DataTemplate

The template the Tab View uses to generate tab items' content from the ItemsSource.

Examples

The following example demonstrates how to generate items for a TabView from a data source:

Note

Complete example is available on GitHub.

   <ContentPage
       xmlns="http://xamarin.com/schemas/2014/forms"
       xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
       xmlns:dxn="clr-namespace:DevExpress.XamarinForms.Navigation;assembly=DevExpress.XamarinForms.Navigation"
       xmlns:viewmodels="clr-namespace:GettingStarted2.ViewModels"
       x:Class="GettingStarted2.Views.MainPage">
       <ContentPage.BindingContext>
           <viewmodels:MainViewModel/>
       </ContentPage.BindingContext>
       <dxn:TabView ItemsSource="{Binding VehiclesByMake}"
                    SelectedItemIndex="{Binding SelectedIndex, Mode=TwoWay}">
           <dxn:TabView.ItemHeaderTemplate>
               <DataTemplate>
                   <Label Text="{Binding GroupKey}"
                          HorizontalTextAlignment="Center"
                          VerticalTextAlignment="Center"/>
               </DataTemplate>
           </dxn:TabView.ItemHeaderTemplate>
           <dxn:TabView.ItemTemplate>
               <DataTemplate>
                   <ListView ItemsSource="{Binding Vehicles}">
                       <ListView.ItemTemplate>
                           <DataTemplate>
                               <TextCell Text="{Binding FullName}"/>
                           </DataTemplate>
                       </ListView.ItemTemplate>
                   </ListView>
               </DataTemplate>
           </dxn:TabView.ItemTemplate>
       </dxn:TabView>
   </ContentPage>

The table below lists properties the markup above utilizes:

Property

Description

TabView.ItemsSource

Gets or sets a collection used to generate the Tab View's tab items.

TabView.ItemTemplate

Gets or sets the template the Tab View uses to generate tab items' content from the ItemsSource.

TabView.ItemHeaderTemplate

Gets or sets the template the Tab View uses to generate tab items' headers from the ItemsSource.

See Also