List<> Binding and button click using mvvm light

Question

I am trying to use MVVM light to achieve something like this. I have the following scenario:

In my Model--I have set the properties like ActivityName,Image and there is a class constructor whose is accepting 2 parameters like name and image.

Im my DataAccess--I have set the database connection and implement the required method who will fetch the data from DB and I am storing in the List and returning the list to ViewModel.

In my ViewModel--I have created the list property who will return the list by calling the GetActivities() method that I have defined in the DataAccess.

Now my problem is I am not getting how to bind it in the View so that by clicking on a button it will display the list of activities with image. By clicking on some button a new window should open with the desired result. How to bind the above list and implement the button functionality using MVVM light.

Kindly help?

Thanks

I have datagrid to show the image and its corresponding activity — Tarun
– Tarun, Commented Jul 1, 2010 at 6:06

Amsakanna · Accepted Answer · 2010-07-01 07:14:43Z

2

First of all, use an ObservableCollection instead of a List as it would notify the view when property or collection changes.
Then set the DataContext of your view to the viewmodel. If you use MVVMLight View Class, then the DataContext would be automatically set. You've to just give the ViewModel Name there.
Then set the ItemsSource of the DataGrid like this <dg:DataGrid ItemsSource="{Binding YourListInViewModel}"/>
For handling click event you can use the Event-To-Command behaviour and write your logics in the Button's corresponding Command handler.

answered Jul 1, 2010 at 7:14

Amsakanna

13k8 gold badges49 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Tarun Over a year ago

You mean to say I have to use ObservableCollection in both the Data Aceess while storing and in View Model while returning? Kindly suggest?

Amsakanna Over a year ago

You need to create an ObservableCollection in the VM. If GetActivities() returns a list then create an OC out of it like this ObservableCollection a = new ObservableCollection(GetActivities());. But I would recommend you to create a method GetActivities() that would return an IEnumerable rather, since it would avoid copying twice: one from database to a list and then to OC.

Tarun Over a year ago

Thanks. I will try it out and let u know

Ragunathan · Accepted Answer · 2010-07-01 05:20:40Z

0

Bind to DataContext of the control

answered Jul 1, 2010 at 5:20

Ragunathan

2,0151 gold badge14 silver badges10 bronze badges

Collectives™ on Stack Overflow

List<> Binding and button click using mvvm light

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related