correct-apricot
correct-apricotโ€ข2y ago

How Can I add some code before I save in Edit Basic View?

โ„น๏ธ info I got an Edit Basic View, and I want to do something before the form submitted. I want to restructure my data (turn several fields to a JSON in database) before the form submitted. My thinking is Restructure the data before form updated (the save button onClick) So I did what the picture shows. โ“ issue 1. I seems the onClick property will be overwrite if I set it by myself 2. Is there's another or proper way to achieve my purpose? or I have to reinvent the onClick function? ๐Ÿ™โ€
No description
4 Replies
funny-blue
funny-blueโ€ข2y ago
Hey @ๅŠ‰ๅ“ฒๅฎ‡ can you check this https://refine.dev/docs/api-reference/antd/hooks/form/useForm/#how-can-i-change-the-form-data-before-submitting-it-to-the-api I think this is what you're looking for ๐Ÿ˜…
useForm | refine
useForm is used to manage forms. It returns the necessary properties and methods to control the Antd Form. Also, it has been developed by using useForm imported from @pankod/refine-core package.
correct-apricot
correct-apricotโ€ข2y ago
@aliemirs thank you for the instant help! ๐Ÿ™ There are so many docs to read ๐Ÿ˜…
funny-blue
funny-blueโ€ข2y ago
We're working on reorganizing and rewriting them to be better navigated and be understandable ๐Ÿ˜… If you see any issues, please let us know ๐Ÿ™
correct-apricot
correct-apricotโ€ข2y ago
๐Ÿป
More Posts
Remix + Chakra UI Error``` โœ” Do you want to use a UI Framework?: ยท chakra โœ” Do you want to add example pages?: ยท inferencernextjs router broken ?Hi! I just started using refine. I added the necessary functions in the authProvider.ts, changed surefine-mantine header broken?get an error when I ```ts import { Header } from '@pankod/refine-mantine'; ``` but it is fine when `default value mui select with react-hook-form controllerHi everyone ๐Ÿ‘‹ I try to set a default value to a MUI select with the `Controller` from `react-hookCustom Component with FormItemโ“ Issue I met I try to custom a component with `Select` & `useSelect` But it only works fine with Mocking useTable with JestHey there - I'm trying to mock the output of useTable to check the behavior of a custom hook. Here idisplaying field level validation errors from the backendHi, My backend returns validation structured validation errors on post or put, with field level errCustom ID in tableHi, I have a table that have a unique ID column that isn't "id", as DatGrid expects. I'm getting an Load category data one by oneHi, My post object has a category id, and on the table, I want to display the category name. I havCreate projects with javascriptHello everyone, I wanted to know how I can create a project in JavaScript with this command: `npm cr