redirect successful delete operation back to list action?

2 Replies

Hi @flankieflew. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- To redirect after a successful delete operation back to the list action, you have a few options in refine: 1. By default, the delete button will redirect to the list page after a successful deletion. This is the standard behavior if you don't specify otherwise. 2. If you want to explicitly set the redirect, you can use the redirect prop on the <DeleteButton> component:

<DeleteButton
  resource="posts"
  recordItemId="123"
  redirect="list"
/>

<DeleteButton
  resource="posts"
  recordItemId="123"
  redirect="list"
/>

This will ensure redirection to the list page after deletion API Reference (https://refine.dev/docs/ui-integrations/ant-design/components/buttons/delete-button/#api-reference). 3. If you need more control, you can use the onSuccess callback to handle the redirection programmatically:

import { useNavigation } from "@refinedev/core";

const { list } = useNavigation();

<DeleteButton
  resource="posts"
  recordItemId="123"
  onSuccess={() => {
    list("posts");
  }}
/>

import { useNavigation } from "@refinedev/core";

const { list } = useNavigation();

<DeleteButton
  resource="posts"
  recordItemId="123"
  onSuccess={() => {
    list("posts");
  }}
/>

This approach gives you flexibility to add custom logic before redirecting Properties (https://refine.dev/docs/ui-integrations/ant-design/components/buttons/delete-button/#properties). 4. If you're using the useForm hook, you can set the redirect option:

const { ... } = useForm({
  redirect: "list"
});

const { ... } = useForm({
  redirect: "list"
});

This will redirect to the list page after form submission, which includes delete operations redirect (https://refine.dev/docs/ui-integrations/ant-design/hooks/use-form/#redirect). Remember that the exact implementation might vary slightly depending on which UI framework you're using with refine (Ant Design, Material UI, etc.), but the core concepts remain the same. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•2mo ago

<@343691288442306561> Kapa.ai is still learning and improving, please let me know how I did by reacting below.

redirect successful delete operation back to list action?

Did you find this page helpful?