fix(fe): KsDataGrid - use AG Grid native Enter-to-Tab behavior
Removed custom navigateToNextCell function and binding. Now relies on AG Grid's native :enter-navigates-to-next-cell setting. This allows Enter key to properly use Tab navigation as intended. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -185,19 +185,6 @@ function redrawRows(): void {
|
||||
gridApi.value?.redrawRows()
|
||||
}
|
||||
|
||||
import type { NavigateToNextCellParams, CellPosition } from 'ag-grid-community'
|
||||
|
||||
|
||||
|
||||
function navigateToNextCell(params: NavigateToNextCellParams): CellPosition | null {
|
||||
const suggestedNextCell = params.nextCellPosition
|
||||
|
||||
if (params.key === 'Enter' || String(params.key) === '13') {
|
||||
return suggestedNextCell
|
||||
}
|
||||
|
||||
return suggestedNextCell
|
||||
}
|
||||
|
||||
defineExpose({ focusRow, redrawRows, gridApi })
|
||||
</script>
|
||||
@@ -213,7 +200,6 @@ defineExpose({ focusRow, redrawRows, gridApi })
|
||||
:row-class-rules="rowClassRules"
|
||||
:enter-navigates-to-next-cell="true"
|
||||
:enter-navigates-to-next-cell-after-edit="true"
|
||||
:navigate-to-next-cell="navigateToNextCell"
|
||||
:stop-editing-when-cells-lose-focus="true"
|
||||
:loading="props.loading"
|
||||
overlay-no-rows-template="<div class='ks-ag-empty-overlay'><span style='font-size:2rem;'>📭</span><p style='margin-top:8px;font-weight:600;color:var(--ks-color-neutral-700);'>조회된 데이터가 없습니다</p><p style='font-size:12px;color:var(--ks-color-neutral-500);'>검색 조건을 변경하거나 신규 데이터를 수집하세요.</p></div>"
|
||||
|
||||
Reference in New Issue
Block a user