Как связать ObservableCollection с ListBox?

У меня есть классКак связать ObservableCollection с ListBox?

public class Clip 
{ 
     public string ID { get; set; } 
     public string Name { get; set; } 
     public int? Duration { get; set; } 
}

И ObservableCollection

public ObservableCollection<Clip> _clipsFound; 
public ObservableCollection<Clip> collection 
{ 
    get { return _clipsFound; } 
    set 
    { 
     _clipsFound = value; 
     OnPropertyChanged(); 
    } 
}

OnPropertyChanged() вызывается, когда я

_clipsFound = collection

Я хочу связывания данных из коллекции в ListBox с тремя столбцами: ID, имя, Продолжительность

Initialize

ID = id; 
collection = new ObservableCollection<Clip>(); 
_clipsFound = collection; 
_clipsFound.Clear(); 

ICollection<Clip> ClipF = await Service.GetClips(ID); 
ICollection<Clip> Clipcol = ClipF; 
collection = new ObservableCollection<Clip>(Clipcol);

Я пытаюсь сделать это, но он не работает

<ListBox Grid.Row="2" ItemsSource="{Binding collection}" BorderBrush="Transparent" > 
    <ListBox.ItemTemplate> 
     <DataTemplate DataType="ui:Clip"> 

       <Grid> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="*"/> 
        <ColumnDefinition Width="*"/> 
       </Grid.ColumnDefinitions> 

       <TextBlock Grid.Column="0" 
                  Text="{Binding Title}" 
                  VerticalAlignment="Center" 
                  HorizontalAlignment="Left" 
                  TextTrimming="CharacterEllipsis" 
                  Foreground="#FF4F4F4F" 
                  FontSize="12" 
                  Margin="55 0 0 0"/> 
       <TextBlock Grid.Column="1" 
                  Margin="0 0 45 0" 
                  Text="{Binding Duration}" 
                  VerticalAlignment="Center" 
                  HorizontalAlignment="Right" 
                  FontSize="11" 
                  Foreground="#FF4F4F4F"/> 
      </Grid> 
     </DataTemplate> 
    </ListBox.ItemTemplate> 

</ListBox>

Что я сделал не так?

источник

2016-03-02 str_str

Пожалуйста, можете быть более конкретным, чем «это не работает». Что не работает? Вы ничего не получаете? Ошибки привязки в окне вывода отладчика? Что-то другое? – ChrisF

Ваша «продолжительность» работает? если да - это ваша коллекция? то, как вы написали это в своем вопросе, предполагает, что это частная собственность, и если я правильно помню, это может вызвать проблемы. –

Я только что заметил, что вы привязываетесь к «Title», но в классе 'Clip' нет свойства Title. – ChrisF

Вы не можете отправлять данные из режима просмотра для просмотра без установки DataContext. DataContext походит на канал или мост между ViewModel и View.

Этот код устанавливает DataContext:

<Window.DataContext> 
    <vm:MainWindowViewModel />   
</Window.DataContext>

Давайте посмотрим пример работы:

Ваш ViewModel:

public class MainWindowViewModel 
{ 
    publicMainWindowViewModel 
    { 
     LoadData(); 
    } 
    private void LoadData() 
    { 
     _clipsFound=new ObservableCollection<Clip>(); 
     for(int startIndex=0; startIndex<10; startIndex++) 
     { 
      collection.Add(new Clip(){ID=startIndex, Name="Bob", Duration=startIndex++}); 
     } 
    } 

    public ObservableCollection<Clip> _clipsFound; 
    public ObservableCollection<Clip> collection 
    { 
     get 
     { 
      return _clipsFound; 
     } 
     set 
     { 
      _clipsFound = value;  
     } 
    } 
}

Ваш XAML:

<Window x:Class="DataGridSelectedItemsWpfApplication.MainWindow" 
    ...The code omitted for the brevity... 
    xmlns:vm="clr-namespace:DataGridSelectedItemsWpfApplication.ViewModel" 
    Title="MainWindow" WindowStartupLocation="CenterScreen" Height="550" Width="525"> 
<Window.DataContext> 
    <vm:MainWindowViewModel />   
</Window.DataContext> 
<ListBox Grid.Row="2" ItemsSource="{Binding collection}" BorderBrush="Transparent" > 
    <ListBox.ItemTemplate> 
     <DataTemplate DataType="ui:Clip">  
      <Grid> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="*"/> 
       <ColumnDefinition Width="*"/> 
       <ColumnDefinition Width="*"/> 
      </Grid.ColumnDefinitions>  
      <TextBlock Text="{Binding ID}" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="11" Margin="2" Foreground="#FF4F4F4F"/> 
      <TextBlock Grid.Column="1" Margin="2" Text="{Binding Name}" VerticalAlignment="Center" HorizontalAlignment="Center"   TextTrimming="CharacterEllipsis" Foreground="#FF4F4F4F" FontSize="12"/> 
      <TextBlock Grid.Column="2" Margin="2" Text="{Binding Duration}" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="11" Foreground="#FF4F4F4F"/> 
      </Grid> 
     </DataTemplate> 
    </ListBox.ItemTemplate>  
</ListBox> 
</Window>

There are many ways to set DataContext.

источник

2016-03-02 12:57:12 StepUp

Как связать ObservableCollection с ListBox?

ответ

Смежные вопросы