Syncfusion TaskBar-Bindung

Question

Ich versuche, eine Syncfusion TaskBar an eine ObservableCollection zu binden, und habe eine Liste von TaskBarItems. Verwenden von Code-Behind werden Elemente wie folgt hinzugefügt:

TaskBar taskBar = new TaskBar(); 
TaskBarItem taskBarItem1 = new TaskBarItem(); 
taskBarItem1.Header = "TaskBarItem1"; 
TextBlock textBlock1 = new TextBlock(); 
textBlock1.Text = "This TaskBar that have a TaskBarItem."; 
taskBarItem1.Items.Add(textBlock1);   
taskBar.Items.Add(taskBarItem1); 

Diese XAML:

<syncfusion:TaskBar Grid.Row="1" 
       VerticalAlignment="Stretch" 
       ItemsSource="{Binding Path=DataContext.Categories, RelativeSource={RelativeSource AncestorType=localV:MainWindow}}"> 
    <syncfusion:TaskBar.ItemTemplate> 
     <DataTemplate> 
      <TextBlock Text="{Binding Path=FirstName}"/> 
     </DataTemplate> 
    </syncfusion:TaskBar.ItemTemplate> 
</syncfusion:TaskBar> 

gibt mir eine Liste von TaskBarItems, mit Kopfzeile Vorname, und nichts in dem dehnbaren Bereich jeder TaskBarItem . Wie kann ich richtige Bindungen/Vorlagen erstellen, um sowohl den Header als auch die Daten im erweiterbaren Bereich anzuzeigen?

Answer 1

Ich würde erwarten Sie in der Lage sein, ein ItemContainerStyle oder ein ContentTemplate zu definieren:

<syncfusion:TaskBar Grid.Row="1" 
       VerticalAlignment="Stretch" 
       ItemsSource="{Binding Path=DataContext.Categories, RelativeSource={RelativeSource AncestorType=localV:MainWindow}}"> 
    <syncfusion:TaskBar.ItemContainerStyle> 
     <Style TargetType="syncfusion:TaskBarItem"> 
      <Setter Property="Header" Value="{Binding Path=FirstName}" /> 
      <Setter Property="Content"> 
       <Setter.Value> 
        <TextBlock>This TaskBar that have a TaskBarItem</TextBlock> 
       </Setter.Value> 
      </Setter> 
     </Style> 
    </syncfusion:TaskBar.ItemContainerStyle> 
</syncfusion:TaskBar>