diff --git a/docs/EditableDatagrid.md b/docs/EditableDatagrid.md index c993ff6b1c4..4044b2120fa 100644 --- a/docs/EditableDatagrid.md +++ b/docs/EditableDatagrid.md @@ -124,6 +124,12 @@ const RowAction = () => ( ); ``` + + ## `createForm` The component displayed as the first row when a user clicks on the Create button. It's usually a form built with [``](#rowform), with the same number of children as the `` has children. @@ -131,7 +137,7 @@ The component displayed as the first row when a user clicks on the Create button ```tsx export const ArtistList = () => ( - } createForm={} > @@ -205,6 +211,12 @@ Use the `mutationMode` prop to specify the [mutation mode](./Edit.html#mutationm ``` + + ## `noDelete` You can disable the delete button by setting the `noDelete` prop to `true`: @@ -214,6 +226,7 @@ You can disable the delete button by setting the `noDelete` prop to `true`: {/*...*/} ``` +![EditableDatagrid noDelete](./img/editableDatagrid-noDelete.png) ## `` @@ -319,6 +332,12 @@ Feel free to visit the [dedicated stories](https://react-admin.github.io/ra-ente ## Using Inside a `` + + You can use `` inside a ``. The only difference with its usage in a `` is that you have to initialize the foreign key in the creation form using the `defaultValues` prop: {% raw %} @@ -384,6 +403,12 @@ In these examples, the same form component is used in `createForm` and `editForm ## Providing Custom Side Effects + + You can provide your own side effects in response to successful or failed save and delete actions, by passing functions to the `onSuccess` or `onError` inside the `mutationOptions` prop: {% raw %} diff --git a/docs/img/editableDatagrid-actions.mp4 b/docs/img/editableDatagrid-actions.mp4 new file mode 100644 index 00000000000..5e297e3c0cd Binary files /dev/null and b/docs/img/editableDatagrid-actions.mp4 differ diff --git a/docs/img/editableDatagrid-custom_side_effect.mp4 b/docs/img/editableDatagrid-custom_side_effect.mp4 new file mode 100644 index 00000000000..c790304364a Binary files /dev/null and b/docs/img/editableDatagrid-custom_side_effect.mp4 differ diff --git a/docs/img/editableDatagrid-mutationMode.mp4 b/docs/img/editableDatagrid-mutationMode.mp4 new file mode 100644 index 00000000000..7b52d8b80ab Binary files /dev/null and b/docs/img/editableDatagrid-mutationMode.mp4 differ diff --git a/docs/img/editableDatagrid-noDelete.png b/docs/img/editableDatagrid-noDelete.png new file mode 100644 index 00000000000..51a9cfc0b4a Binary files /dev/null and b/docs/img/editableDatagrid-noDelete.png differ diff --git a/docs/img/editableDatagrid-referenceManyField.mp4 b/docs/img/editableDatagrid-referenceManyField.mp4 new file mode 100644 index 00000000000..ebe8c19c261 Binary files /dev/null and b/docs/img/editableDatagrid-referenceManyField.mp4 differ