Skip to content

Commit ec26b75

Browse files
authored
[docs] Fix broken links on Data Grid Editing sub-pages (#20911)
1 parent 11e4130 commit ec26b75

File tree

3 files changed

+7
-7
lines changed

3 files changed

+7
-7
lines changed

docs/data/data-grid/editing/custom-edit-component.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ const columns: GridColDef[] = [
2222
```
2323

2424
The `renderEditCell()` property receives all params from `GridRenderEditCellParams`, which extends `GridCellParams`.
25-
Additionally, the props added during [pre-processing](#validation) are also available in the params.
25+
Additionally, the props added during [pre-processing](/x/react-data-grid/editing/#validation) are also available in the params.
2626
These are the most important params to consider:
2727

2828
- `value`: contains the current value of the cell in edit mode, overriding the value from `GridCellParams`
@@ -98,7 +98,7 @@ This second click can be avoided if the first click also stops the edit mode.
9898
To create an edit component with auto-stop, call `apiRef.current.stopCellEditMode()` after setting the new value.
9999
Since `apiRef.current.setEditCellValue()` may do additional processing, you must wait for it to resolve before stopping the edit mode.
100100
Also, it is a good practice to check if `apiRef.current.setEditCellValue()` has returned `true`.
101-
It will be `false` if `preProcessEditProps()` set an error during [validation](#validation).
101+
It will be `false` if `preProcessEditProps()` set an error during [validation](/x/react-data-grid/editing/#validation).
102102

103103
```tsx
104104
const handleChange = async (event: SelectChangeEvent) => {

docs/data/data-grid/editing/editing-events.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@
22

33
<p class="description">Using editing events.</p>
44

5-
The interactions that [start](#start-editing) and [stop](#stop-editing) trigger `'cellEditStart'` and `'cellEditStop'` [events](/x/react-data-grid/events/), respectively.
6-
For [row editing](#row-editing), the events are `'rowEditStart'` and `'rowEditStop'`.
5+
The interactions that [start](/x/react-data-grid/editing/#start-editing) and [stop](/x/react-data-grid/editing/#stop-editing) trigger `'cellEditStart'` and `'cellEditStop'` [events](/x/react-data-grid/events/), respectively.
6+
For [row editing](/x/react-data-grid/editing/#row-editing), the events are `'rowEditStart'` and `'rowEditStop'`.
77
You can control how these events are handled to customize editing behavior.
88

99
For convenience, you can also listen to these events using their respective props:

docs/data/data-grid/editing/persistence.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,11 @@
44

55
## The `processRowUpdate()` callback
66

7-
When the user performs an action to [stop editing](#stop-editing), the `processRowUpdate()` callback is triggered.
7+
When the user performs an action to [stop editing](/x/react-data-grid/editing/#stop-editing), the `processRowUpdate()` callback is triggered.
88
Use it to send the new values to the server and save them into a database or other storage method.
99
The callback is called with three arguments:
1010

11-
1. The updated row with the new values returned by the [`valueSetter()`](#value-parser-and-value-setter).
11+
1. The updated row with the new values returned by the [`valueSetter()`](/x/react-data-grid/editing/#value-parser-and-value-setter).
1212
2. The original values of the row before editing.
1313
3. An object with additional properties such as `rowId`.
1414

@@ -53,7 +53,7 @@ If you need to cancel the save process on `processRowUpdate()`—for instance, w
5353
2. Resolve the promise with the second argument (original row before editing), so that the internal state is not updated, and the cell exits edit mode.
5454

5555
The following demo implements the first option: rejecting the promise.
56-
Instead of [validating](#validation) while typing, it simulates validation on the server.
56+
Instead of [validating](/x/react-data-grid/editing/#validation) while typing, it simulates validation on the server.
5757
If the new name is empty, the promise responsible for saving the row will be rejected, and the cell will remain in edit mode.
5858

5959
The demo also shows that `processRowUpdate()` can pre-process the row model that will be saved into the internal state.

0 commit comments

Comments
 (0)