Обязательная Наблюдаемая коллекция

Question

У меня есть коллекция в главном окне, и я хочу показать ее на сетке в пользовательском элементе управления. Как правильно это сделать в MVVM?

Я выполнил observableCollection в MainWindowИ привязал его к observableCollection в пользовательском контроле.и в пользовательском элементе управления сетка ограничена коллекцией.

она не работает :(

/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
public partial class MainWindow : Window
{
    public ObservableCollection<string> MyNames
    {
        get { return (ObservableCollection<string>)GetValue(MyNamesProperty); }
        set { SetValue(MyNamesProperty, value); }
    }

    // Using a DependencyProperty as the backing store for Names.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty MyNamesProperty =
        DependencyProperty.Register("MyNames", typeof(ObservableCollection<string>), typeof(MainWindow), new UIPropertyMetadata(null));

    public MainWindow()
    {
        MyNames = new ObservableCollection<string>() { "Jonh", "Mary" };
        this.InitializeComponent();
        DataContext = this;
    }
}

MainWindow XAML:

<Window
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:WpfApplication3"
x:Class="WpfApplication3.MainWindow"
x:Name="Window"
Title="MainWindow"
UseLayoutRounding="True"
Width="640" Height="480">
<Grid>
    <local:NamesControl Names="{Binding MyNames}"></local:NamesControl>
</Grid>

UserControl:

  public partial class NamesControl : UserControl
{
    public ObservableCollection<string> Names
    {
        get { return (ObservableCollection<string>)GetValue(NamesProperty); }
        set { SetValue(NamesProperty, value); }
    }

    // Using a DependencyProperty as the backing store for Names.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty NamesProperty =
        DependencyProperty.Register("Names", typeof(ObservableCollection<string>), typeof(NamesControl), new UIPropertyMetadata(null));



    public NamesControl()
    {
        InitializeComponent();
        DataContext = this;
    }
}

UserControl XAML:

<UserControl x:Class="WpfApplication3.NamesControl"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d" 
         d:DesignHeight="300" d:DesignWidth="300">
<Grid>
    <ItemsControl ItemsSource="{Binding Names}"/>
</Grid>

Answer 1

Для «правильного» способа потребуется три вещи:

• MainWindow
• UserControl
• ViewModel

В ViewModel вы хотите создать свой ObservableCollection и установить его как свойство в ViewModel, например так:

public class MyListViewModel
{
  public MyViewModel()
  {
    MyObjects = new ObservableCollection<MyObject>();
    // Add items to collection 
  }

  public ObservableCollection<MyObject> MyObjects{ get; set; }
}

Затем в методе Initialize вашего UserControl вы хотите создать экземпляр ViewModel и присоединить его кDataContext для этого UserControl:

public AgentListView()
{
      InitializeComponent();
      DataContext = new MyViewModel();
}

Примечание: это намного проще, если вы используете контейнер IoC для обработки разрешений зависимостей для вас, но для простоты я здесь пропускаю.

В вашем UserControl вы хотите указать DataContext для UserControl, а затем отдельные привязки для вашей DataGrid и столбцов:

<UserControl x:Class="UserControls.Views.AgentDataGridView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:toolkit="http://schemas.microsoft.com/wpf/2008/toolkit" 
             xmlns:utility="clr-namespace:UserControls.Utility"
             mc:Ignorable="d" 
             d:DataContext="{Binding}">
  <GroupBox Header="Agent States" Height="auto" Margin="0,5,0,0" Name="_groupBox" VerticalAlignment="Top" BorderBrush="DarkSlateBlue">
    <Grid Name="_grid" ShowGridLines="True" Margin="5" >
      <toolkit:DataGrid 
        ItemsSource="{Binding MyObjects, Mode=OneWay}">
        <toolkit:DataGrid.Columns>
          <toolkit:DataGridTextColumn Binding="{Binding StateAndJobDescription, Mode=OneWay, NotifyOnSourceUpdated=True,UpdateSourceTrigger=PropertyChanged}" Header="State" Width="100" IsReadOnly="True" />
          <toolkit:DataGridTextColumn Binding="{Binding SubStateDescription, Mode=OneWay, NotifyOnSourceUpdated=True,UpdateSourceTrigger=PropertyChanged}" Header="City" Width="120" IsReadOnly="True" />
        </toolkit:DataGrid.Columns>
      </toolkit:DataGrid>
    </Grid>
  </GroupBox>
</UserControl>

Отсюда вам просто нужно добавить UserControl вваше главное окно.