GridSwitchColumn inside SfDataGrid checks automatically on scroll.

[Gangatharan Baskaran]

I'm using SfDataGrid and have a column with GridSwitchColumn. Everytime I scroll the datagrid, the switch at the bottom of the grid checks automatically. How can I fix this?

[Sivaraman Sivagurunathan]

Hi Gangatharan 

Thanks for using Syncfusion controls. 

We have checked your reported issue from our side. Unfortunately, the issue does not reproduced from our side. we have prepared the sample based on your code snippet. We have attached the tested sample for your reference you can download the same from the below link. If the issue still occurs from your side please revert us with modified sample. With Xamarin.Forms version and device details. It will help us to provide the better solution. 

Sample Link: https://www.syncfusion.com/downloads/support/forum/156685/ze/DataGridSample_(6)2042059862 

Screenshots: https://www.syncfusion.com/downloads/support/forum/156685/ze/20-08-07-14-34-04-851813601 

Regards,
Sivaraman S 

[Gangatharan Baskaran]

Sorry, I did not mean only the check box at bottom. I figured out what was the issue. I'll explain it. I have a GridCellSwitchRenderer class to send some data to server when a user checks in a box. If there is already someone check in, the checkbox will appear ticked on load. If there are some checkboxes  that already checked appear at the bottom part of the grid and it did not show yet in the grid view, when I scroll, the already checked boxes triggers the GridCellSwitchRenderer class and send some duplicate data to server. At the video you sent also you can see the animation of checkbox when you scroll the grid. The checkboxes at the below part checks according to isClosed once it appears on the view. Hope you can understand. How can I fix it?

[Karthikraja Kalaimani]

Hi Gangatharan, 

The behavior of SfDataGrid scrolling is based on virtualization concept,i.e., if we scroll the rows, then the view used in first row is again re-rendered to its last row and we reset the binding for a cell. So, only toggled event gets triggers for true cases.

Regards,
Karthik Raja 

[Gangatharan Baskaran]

How can I stop it from triggering for already toggled switches. Because it keep sending duplicate data to server. I want it trigger for newly toggled switch only.

[Karthikraja Kalaimani]

Hi Gangatharan,

Your requirement can be achieved by checking the Database server checkbox value with toggled event checkbox value and if both values same, you can skip calling the DataBase. If both values different, you can call the DataBase. You can pass the DataBase collection to Custom Switch Renderer class through constructor and check these collections with current item in toggled event. For more details please the below code snippet.

Code snippet :

 

…
this.dataGrid.CellRenderers.Remove("Switch"); 

            this.dataGrid.CellRenderers.Add("Switch", new MySwitchRenderer(DataBaseCollection));
….

public class MySwitchRenderer : GridCellSwitchRenderer 

    { 

        ObservableCollection<OrderInfo> dataBase; 

        public MySwitchRenderer(ObservableCollection<OrderInfo> DataBaseCollection) 

        { 

            dataBase = DataBaseCollection; 

        } 

        public override void OnInitializeDisplayView(DataColumnBase dataColumn, SfSwitchControl view) 

        { 

            base.OnInitializeDisplayView(dataColumn, view); 

            view.Toggled += View_Toggled; 

        } 

 

        private void View_Toggled(object sender, Xamarin.Forms.ToggledEventArgs e) 

        { 

            var item = ((sender as SfSwitchControl).BindingContext as OrderInfo); 

 

            if (!dataBase.Contains(item)) 

            { 

              // DataBase opearion here 

              // Also change this.dataBase item value to avoid duplicate calling 

            } 

        } 

    } 

We hope this will meets your requirement.

Regards,
Karthik Raja