Список <> Привязка и нажатие кнопки с помощью mvvm light

Question

Я пытаюсь использовать MVVM light для достижения чего-то подобного. У меня есть следующий сценарий:

В моей модели - я установил свойства, такие как ActivityName, Image, и есть конструктор класса, который принимает 2 параметра, таких как name и image.

Я мой DataAccess - я установил соединение с базой данных и внедрил требуемый метод, который будет извлекать данные из БД, и я сохраняю их в списке и возвращаю список в ViewModel.

В моей ViewModel - я создал свойство list, которое будет возвращать список, вызывая метод GetActivities (), который я определил в DataAccess.

Теперь моя проблема в том, что я не понимаю, как связать его в представлении, чтобы при нажатии на кнопку отображался список действий с изображением. При нажатии на какую-то кнопку должно открыться новое окно с желаемым результатом. Как связать приведенный выше список и реализовать функциональность кнопки с помощью MVVM light.

Пожалуйста, помогите?

Спасибо

Answer 1

• Прежде всего, используйте ObservableCollection вместо List, поскольку он будет уведомлять представление об изменении свойства или коллекции.
• Затем задайте DataContext вашего представления для модели представления.Если вы используете MVVMLight View Class, тогда DataContext будет установлен автоматически.Вам нужно просто указать имя ViewModel.
• Затем установить ItemsSource в DataGrid следующим образом: <dg:DataGrid ItemsSource="{Binding YourListInViewModel}"/>
• Для обработки события щелчка вы можете использовать поведение Event-To-Command инапишите свою логику в соответствующем обработчике команд кнопки.

Answer 2

Привязать к DataContext элемента управления