Category / Section
How to begin edit on tab key navigation in Xamarin.Forms DataGrid (SfDataGrid)?
5 mins read
By default, the SfDataGrid does not allow to enter edit mode while navigating the cell by using Tab key. But you can allow to enter edit mode by customizing the “Tab” key functionality by overriding ProcessKeyDown method in custom selection controller and begin the editing action by calling SfDataGrid.BeginEdit method in ProcessKeyDown method when Tab key processed.
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:local="clr-namespace:DataGridDemo"
xmlns:sfPager="clr-namespace:Syncfusion.SfDataGrid.XForms.DataPager;assembly=Syncfusion.SfDataGrid.XForms"
xmlns:sfGrid="clr-namespace:Syncfusion.SfDataGrid.XForms;assembly=Syncfusion.SfDataGrid.XForms"
x:Class="DataGridDemo.MainPage" >
<ContentPage.Resources>
<local:CustomSelectionController x:Key="CustomSelectionController" />
</ContentPage.Resources>
<ContentPage.Content>
<StackLayout Orientation="Vertical">
<sfGrid:SfDataGrid x:Name="textGrid"
ItemsSource="{Binding OrdersInfo}"
SelectionController="{x:StaticResource CustomSelectionController}"
ColumnSizer="Star" NavigationMode="Cell"
SelectionMode="Single" AllowEditing="True">
</sfGrid:SfDataGrid>
</StackLayout>
</ContentPage.Content>
</ContentPage>
public partial class MainPage : ContentPage, INotifyPropertyChanged
{
ViewModel viewModel;
public MainPage()
{
InitializeComponent();
viewModel = new ViewModel();
this.BindingContext = viewModel;
}
protected override void OnAppearing()
{
base.OnAppearing();
}
}
public class CustomSelectionController : GridSelectionController
{
public CustomSelectionController()
{
this.SelectedRows = new GridSelectedRowsCollection();
}
protected override void ProcessKeyDown(string keyCode, bool isCtrlKeyPressed, bool isShiftKeyPressed)
{
if (keyCode == "Tab")
{
this.DataGrid.BeginEdit(1,0);
}
else
{
// default key action
base.ProcessKeyDown(keyCode, isCtrlKeyPressed, isShiftKeyPressed);
}
}
}
