DataGrid Selected item event in cell?

[Russ Fustino]

Is there a SelectedItem event available at the cell level? I see one for the row, but not a cell on the row. If so, is there an example you can point me to?

Thanks!

[Ashok N]

Hi Russ,  

 

Thanks for contacting Syncfusion support.  

 

We don’t have event for handle the CellSelection. You can get the particular cell using this RowColumnIndex by handling the below events in SfDataGrid,  

 

sfGrid.GridTapped += SfGrid_GridTapped;  

sfGrid.GridDoubleTapped += SfGrid_GridDoubleTapped;  

sfGrid.GridLongPressed += SfGrid_GridLongPressed;  

  

private void SfGrid_GridLongPressed(object sender, GridLongPressedEventsArgs e)  

{  

    int rowindex = e.RowColumnindex.RowIndex;  

    int columnindex = e.RowColumnindex.ColumnIndex;  

}  

  

private void SfGrid_GridDoubleTapped(object sender, GridDoubleTappedEventsArgs e)  

{  

    int rowindex = e.RowColumnindex.RowIndex;  

    int columnindex = e.RowColumnindex.ColumnIndex;  

}  

  

private void SfGrid_GridTapped(object sender, GridTappedEventsArgs e)  

{  

    int rowindex = e.RowColumnindex.RowIndex;  

    int columnindex = e.RowColumnindex.ColumnIndex;  

}  

 

Regards,  

Ashok  

[Russ Fustino]

Thanks. This is very helpful... It works in my codebehind. If I wanted to bind to the tapped event in my XAML, what would the Tapped event handler look like in my ViewModel code?

XAML

                    GridTapped="{Binding objTappedDrug, Mode=TwoWay}"

I have one for SelectedItem from the grid in my ViewModel that looks like this, but I can't seem to figure out how it would be modified for GridTapped.

        Drug _selectedDrug = null;
        public Drug objSelectedDrug
        {
            get
            {
                return _selectedDrug;
            }
            set
            {

                _selectedDrug = value;
                if (value == null)
                {
                    return; //ItemSelected is called on deselection, which results in SelectedItem being set to null
                }

                Drug tappedDrug = (Drug)value;

                this.NavigationCommand.Execute(new TreatmentDetailPage(tappedDrug));
                // value = null;

            }
        }

This is what I have for the code on the attempted Tapped Grid event but I am getting an Error , Unable to cast object of type 'Xamarin.Forms.Xaml.ElementNode' to type 'Xamarin.Forms.Xaml.ValueNode'.   

        SfDataGrid _tappedDrug = null;
        public SfDataGrid objTappedDrug
        {
            get {
                return _tappedDrug;
                }
            set
            {

                _tappedDrug = value;
                if (value == null)
                {
                    return; //ItemSelected is called on deselection, which results in SelectedItem being set to null
                }

            SfDataGrid tappedDrug = value;

                // do something with the rows and columns here
                //int rowindex = e.RowColumnIndex.RowIndex;
                //int columnindex = e.RowColumnIndex.ColumnIndex;
                //var rowdata = e.RowData as DrugList;
                //await Bind5Cell(columnindex, rowdata);

            }
        }

[Harikrishnan N]

Hi Russ,

We have checked your query. This requirement can be achieved by using Behaviors in Xamarin.Forms. The Xamarin Forms Behaviors allows you to bind commands for events of a control and you can download Xamarin Forms Behaviors nuget from the below link. 

Nuget Link: https://www.nuget.org/packages/Xamarin.Forms.Behaviors/ 

There are two approaches to achieve your requirement.

Approach - 1: Simplify event to command

Please refer the below code example in which we have used the Xamarin Forms Behaviors to bind the GridTapped event of SfDataGrid with the GridTappedCommand property in the ViewModel.

The below code illustrates binding a command for GridTapped event in a SfDataGrid from XAML.