MVVM Commanding With Grid Row Selection

[Todd Daniels]

Is there a way to not have to Type the command with "SFDataGrid"? Can we just pass in the collection of selected items so the viewmodel doesn't know about the grid itself?

        public Command GridRowSelectionCommand

        {

            get

            {

                return this.gridRowSelectionCommand ?? (this.gridRowSelectionCommand = new Command<SfDataGrid>((e) =>

                {

                    try

                    {

                        if (e != null)

                        {

                        }

                    }

                    catch (Exception x) { x.ToString(); }

                }));

            }

        }

[Jayaraman Ayyanar]

Hi  Todd, 

  

We have checked your query. The requirement can be achieved by maintain the separate collection for the selected item in the datagrid using the collection changed event.    

 

The below code example illustrates creating collection for selected items. 

 

public class ViewModel : NotificationObject 

    { 

       public ViewModel() 

        { 

           gridSelectedItems = new ObservableCollection<object>(); 

           gridSelectedItems.CollectionChanged += GridSelectedItems_CollectionChanged; 

        } 

        private void GridSelectedItems_CollectionChanged(objectsender,System.Collections.Specialized.NotifyCollectionChangedEventArgs e) 

        { 

        } 

 

        private ObservableCollection<object> gridSelectedItems; 

 

        public ObservableCollection<object> GridSelectedItems 

        { 

            get { return gridSelectedItems; } 

            set { this.gridSelectedItems = value; } 

        } 

} 

 

The below code example illustrates binding of the collection in selected items : 

 

  <sfgrid:SfDataGrid x:Name="dataGrid"  AllowEditing="True" Padding="20" 

                       ItemsSource="{Binding OrdersInfo,Mode=TwoWay}" SelectionMode="Multiple" 

                       AutoGenerateColumns="False" 

                           AllowDraggingRow="True" SelectedItems="{Binding GridSelectedItems,Mode=TwoWay}" 

                           AllowDraggingColumn="True" 

                       ColumnSizer="None" AllowGroupExpandCollapse="True" ShowColumnWhenGrouped="True"> 

</sfgrid:SfDataGrid> 

 

You can download the sample in the link : http://www.syncfusion.com/downloads/support/directtrac/general/ze/SfDataGridSample752786415 

 

Let us know if it is not fulfill your requirement please update us with more details. 

 

Regards, 

Jayaraman 

[Todd Daniels]

Perfect, thank you.

[Jayaraman Ayyanar]

Hi Todd, 

  

Thanks for the update. Please let us know if you require any further assistance. 

   

Regards, 

Jayaraman 

[Todd Daniels]

Just a follow up...Can something similar be done for the SFListView?

[Muthu Kumaran Gnanavinayagam]

Hi Todd, 

 

You can achieve the reported requirement using SfListView which is similar to that of SfDataGrid. We would like to let you know that you can bind a property in ViewModel to SelectedItems property in XAML page to achieve your requirement. The SelectionChanged event in SfListView will be triggered only while performing Selection operation manually by tapping over an item. As the SelectedItems property is of type ObservableCollection, you can trigger the SelectedItems.CollectionChanged event to update the property in ViewModel. 

 

For your reference, we have attached the sample and you can download it from the below link. 

 

Sample link: http://www.syncfusion.com/downloads/support/forum/136165/ze/SfListViewSample935259644 

 

Please let us know If your require further assistance. 

Regards, 

G.Muthu kumaran.