Skip to content

SyncfusionExamples/How-to-perform-an-action-using-shortcut-keys-for-buttons-in-Flutter-DataTable

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

How to perform an action using shortcut keys for buttons in Flutter DataTable (SfDataGrid)?.

In this article, we will show you how to perform an action using shortcut keys for buttons in Flutter DataTable.

Initialize the SfDataGrid widget with all necessary properties. By using the handleKeyEvent() method in the RowSelectionManager with selection enabled, we can fetch the respective row details based on the currentCell when the Fn key is pressed. To perform an action using shortcut keys for buttons, you need to maintain the currentCell on the button cells. Based on the key pressed, we perform the respective action for the corresponding button.

  @override
  Future<void> handleKeyEvent(KeyEvent keyEvent) async {
    // Only trigger for the button columns when the current cell is in the button column.
    // So we have checked the columnIndex == 3.
    if (keyEvent.logicalKey == LogicalKeyboardKey.f1 &&
        dataGridController.currentCell.columnIndex == 3) {
      // To show the respective Button1 row details when F1 is pressed.
      handleButton1Pressed();

      return;
    } else if (keyEvent.logicalKey == LogicalKeyboardKey.f2 &&
        dataGridController.currentCell.columnIndex == 3) {
      // To show the respective Button2 row details when F2 is pressed.
      handleButton2Pressed();

      return;
    }
    super.handleKeyEvent(keyEvent);
  }

You can download this example on GitHub.

About

How to perform an action using shortcut keys for buttons in Flutter DataTable

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •