abineshPalanisamy
commented
3 weeks ago Hi @abdulrehmananwar ,
Based on the details provided, in the buildEditWidget, you have returned null for the Quantity2 column. The buildEditWidget is used to obtain the TextField widget when a cell is moved into edit mode. Therefore, while the cell was intended to be moved into edit mode, you have restricted the addition of the TextField widget by returning null. As a result, the cells in the Quantity2 column did not enter edit mode, even though focus switched to it. We believe that the cells in the Quantity2 column not entering edit mode is the issue you encountered.
To better assist you with your query, could you clarify why you are restricting the addition of the TextField widget for the cells in the Quantity2 column when focus switches?. Additionally, please provide a video recording demonstrating the issue for better clarity. Please provide relevant details that may help us better understand your request.
Regards, Abinesh P
abdulrehmananwar
Bug description
i have write a logic on buildEditWidget event after that focus travel on tab key not working properly . my code is as below. if (column.columnName == 'Quantity2') { return null; }
Steps to reproduce
@override Widget? buildEditWidget(DataGridRow dataGridRow, RowColumnIndex rowColumnIndex, GridColumn column, CellSubmit submitCell) { // Check if the column is 'Quantity2' and return null if so if (column.columnName == 'Quantity2') { return null; }
}
Code sample
import 'package:flutter/material.dart'; import 'package:syncfusion_flutter_datagrid/datagrid.dart'; import 'package:flutter/services.dart'; import 'package:collection/collection.dart';
class CustomSelectionManager extends RowSelectionManager { CustomSelectionManager({ required this.isDialogOpen, required this.dataGridController, required this.dataGridSource, required this.context, required this.lastColumnIndex, });
final bool isDialogOpen; final DataGridController dataGridController; final DataGridSource dataGridSource; final int lastColumnIndex; final BuildContext context;
@override Future handleKeyEvent(KeyEvent keyEvent) async {
if (keyEvent.logicalKey == LogicalKeyboardKey.tab ||
keyEvent.logicalKey == LogicalKeyboardKey.enter) {
if (!isDialogOpen) {
await super.handleKeyEvent(keyEvent).then(
(value) =>
WidgetsBinding.instance.addPostFrameCallback((_) async {
await dataGridController
.beginEdit(dataGridController.currentCell);
}),
);
}
}
}
}
class GridEntryDataSource extends DataGridSource { GridEntryDataSource(this.dataGridController, this.fieldNames) { _initializeDataList(); updateDataGridRows(); }
DataGridController dataGridController; final List fieldNames;
List dataGridRows = [];
List<Map<String, String>> dataList = [];
// Change _isPasting to ValueNotifier
final ValueNotifier _isPasting = ValueNotifier(false);
dynamic newCellValue;
void _initializeDataList() { dataList.add({for (var v in fieldNames) v: ''}); }
@override List get rows => dataGridRows;
void updateDataGridRows() { dataGridRows = dataList.map((data) => _createDataRow(data)).toList();
notifyListeners();
}
DataGridRow _createDataRow(Map<String, String> data) { return DataGridRow( cells: fieldNames .map((field) => DataGridCell(columnName: field, value: data[field]))
.toList(),
);
}
Future handlePasteAndNavigate(
int startRowIndex, int startColumnIndex) async {
if (_isPasting.value) return;
_isPasting.value = true;
final clipboardData = await Clipboard.getData('text/plain');
}
void resetGrid() { dataList.clear(); _initializeDataList(); updateDataGridRows(); }
Future _onCellSubmitted(
DataGridRow row, String columnName, String value) async {
final rowIndex = dataGridController.currentCell.rowIndex;
}
@override Future onCellSubmit(DataGridRow dataGridRow,
RowColumnIndex rowColumnIndex, GridColumn column) async {
// Get the current row index from the data grid controller.
final currentRowIndex = dataGridController.currentCell.rowIndex;
}
@override Future canSubmitCell(DataGridRow dataGridRow,
RowColumnIndex rowColumnIndex, GridColumn column) async {
return Future.value(true);
}
@override DataGridRowAdapter buildRow(DataGridRow row) { return DataGridRowAdapter( cells: row.getCells().map((cell) {
return Container(
alignment: Alignment.center,
child: Text(cell.value?.toString() ?? ''),
);
}).toList(),
);
}
@override Widget? buildEditWidget(DataGridRow dataGridRow, RowColumnIndex rowColumnIndex, GridColumn column, CellSubmit submitCell) { // Check if the column is 'Quantity2' and return null if so if (column.columnName == 'Quantity2') { return null; }
}
}
class DataGridExample extends StatefulWidget { const DataGridExample({super.key});
@override // ignore: library_private_types_in_public_api _DataGridExampleState createState() => _DataGridExampleState(); }
class _DataGridExampleState extends State {
List fieldNames = ['ItemName', 'Quantity', 'Quantity2', 'Price', 'Amount'];
late DataGridController dataGridController;
late GridEntryDataSource dataSource;
String selectedOption = 'AgeFields';
@override void initState() { super.initState(); dataGridController = DataGridController(); dataSource = GridEntryDataSource(dataGridController, fieldNames); }
void changeColumns(String option) { setState(() { selectedOption = option; fieldNames.clear(); dataGridController = DataGridController(); dataSource = GridEntryDataSource(dataGridController, fieldNames); }); }
@override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('Editable DataGrid Example'), actions: [ ValueListenableBuilder(
valueListenable: dataSource._isPasting,
builder: (context, isPasting, child) {
return IgnorePointer(
ignoring: isPasting,
child: IconButton(
icon: const Icon(Icons.paste),
onPressed: () async {
final focusedCell = dataSource.rows.first;
int rowIndex = dataSource.rows.indexOf(focusedCell);
await dataSource.handlePasteAndNavigate(rowIndex, 0);
},
),
);
},
),
ValueListenableBuilder(
valueListenable: dataSource.isPasting,
builder: (context, isPasting, child) {
return IgnorePointer(
ignoring: isPasting,
child: IconButton(
icon: const Icon(Icons.refresh),
onPressed: () {
dataGridController.endEdit();
WidgetsBinding.instance.addPostFrameCallback(() {
dataSource.resetGrid();
});
},
),
);
},
),
],
),
body: Column(
children: [
Expanded(
child: SfDataGrid(
allowColumnsResizing: true,
selectionMode: SelectionMode.single,
navigationMode: GridNavigationMode.cell,
editingGestureType: EditingGestureType.tap,
allowEditing: true,
source: dataSource,
controller: dataGridController,
selectionManager: CustomSelectionManager(
isDialogOpen: false,
dataGridController: dataGridController,
dataGridSource: dataSource,
context: context,
lastColumnIndex: fieldNames.length - 1,
),
columns: fieldNames.map((fieldName) {
return GridColumn(
columnName: fieldName,
label: Container(
alignment: Alignment.center,
child: Text(fieldName,
style: const TextStyle(fontWeight: FontWeight.bold)),
),
);
}).toList(),
),
),
],
),
);
}
}
void main() { runApp(const MaterialApp( home: DataGridExample(), debugShowCheckedModeBanner: false, )); }
Screenshots or Video
Screenshots / Video demonstration
[Upload media here]Stack Traces
Stack Traces
```dart [Add the Stack Traces here] ```On which target platforms have you observed this bug?
Windows
Flutter Doctor output
Doctor summary (to see all details, run flutter doctor -v): [√] Flutter (Channel stable, 3.24.4, on Microsoft Windows [Version 10.0.19045.5073], locale en-US) [√] Windows Version (Installed version of Windows is version 10 or higher) [√] Android toolchain - develop for Android devices (Android SDK version 35.0.0) [√] Chrome - develop for the web [√] Visual Studio - develop Windows apps (Visual Studio Professional 2022 17.10.4) [√] Android Studio (version 2024.2) [√] Connected device (3 available) [√] Network resources