Class AutoCompleteTokenItem

Represents the container for the items that are generated in the selection area of SfAutoComplete control in multiple selection mode.

Inheritance

System.Object

TokenItem

AutoCompleteTokenItem

Inherited Members

TokenItem.OnCreateAutomationPeer()

TokenItem.OnApplyTemplate()

TokenItem.OnPreviewKeyDown(KeyRoutedEventArgs)

TokenItem.OnTapped(TappedRoutedEventArgs)

Namespace: Syncfusion.UI.Xaml.Editors

Assembly: Syncfusion.Editors.WinUI.dll

Syntax

public class AutoCompleteTokenItem : TokenItem

Examples

The following example shows how to customize the style of AutoCompleteTokenItem generated in the selection area of AutoComplete control.

XAML
C#

<Grid>
    <Grid.DataContext>
        <local:AutoCompleteViewModel/>
    </Grid.DataContext>
    <editors:SfAutoComplete SelectionMode="Multiple"
                            ItemsSource="{Binding Sports}"
                            TextMemberPath="Name"
                            DisplayMemberPath="Name">
          <editors:SfAutoComplete.TokenItemStyle>
               <Style TargetType = "editors:AutoCompleteTokenItem" >
                   <Setter Property="Foreground" Value="Red"/>
                   <Setter Property = "Background" Value="LightCyan"/>
               </Style>
          </editors:SfAutoComplete.TokenItemStyle>
    </editors:SfAutoComplete>
</Grid>

public class Sport
{
    public string Name { get; set; }
    public int ID { get; set; }
}

public class AutoCompleteViewModel
{
    public ObservableCollection<Sport> Sports { get; set; }
    public AutoCompleteViewModel()
    {
        Sports = new ObservableCollection<Sport>();
        Sports.Add(new Sport() { Name = "Cricket", ID = 0 });
        Sports.Add(new Sport() { Name = "Football", ID = 1 });
        Sports.Add(new Sport() { Name = "Golf", ID = 2 });
        Sports.Add(new Sport() { Name = "Hockey", ID = 3 });
    }
}

Constructors

AutoCompleteTokenItem()

Initializes a new instance of the AutoCompleteTokenItem class.

Declaration

public AutoCompleteTokenItem()