Add fields in Edit view
@kapa.ai , i want to add keyMembers field in this code and data format for keyMembers is like this,
[
{
"name": "demo1",
"position": "demo1",
"information": "test1"
},
{
"name": "demo2",
"position": "demo2",
"information": "test2"
},
]
how can i add keyMembers in Edit view of refine ?
code:
export const CompanyEdit: React.FC = () => {
const {
refineCore: { onFinish, formLoading },
register,
control,
handleSubmit,
formState: { errors },
} = useForm();
return (
<Edit
title={<Typography variant="h5">Edit Company Details</Typography>}
saveButtonProps={{ size: "small" }}
isLoading={formLoading}
canDelete={false}
footerButtons={
<>
<SaveButton onClick={handleSubmit(onFinish)} />
</>
}
headerButtons={({ listButtonProps }) => (
<>
{listButtonProps && (
<ListButton {...listButtonProps} meta={{ foo: "bar" }} />
)}
</>
)}
>
<Box
component="form"
sx={{ display: "flex", flexDirection: "column" }}
autoComplete="off"
>
<TextField
{...register("profile", {
required: "This field is required",
})}
error={!!(errors as any)?.profile}
// helperText={(errors as any)?.email?.message}
margin="normal"
fullWidth
multiline
InputLabelProps={{ shrink: true }}
type="text"
label="Profile"
name="profile"
/>
</Box>
</Edit>
);
};
[
{
"name": "demo1",
"position": "demo1",
"information": "test1"
},
{
"name": "demo2",
"position": "demo2",
"information": "test2"
},
]
how can i add keyMembers in Edit view of refine ?
code:
export const CompanyEdit: React.FC = () => {
const {
refineCore: { onFinish, formLoading },
register,
control,
handleSubmit,
formState: { errors },
} = useForm();
return (
<Edit
title={<Typography variant="h5">Edit Company Details</Typography>}
saveButtonProps={{ size: "small" }}
isLoading={formLoading}
canDelete={false}
footerButtons={
<>
<SaveButton onClick={handleSubmit(onFinish)} />
</>
}
headerButtons={({ listButtonProps }) => (
<>
{listButtonProps && (
<ListButton {...listButtonProps} meta={{ foo: "bar" }} />
)}
</>
)}
>
<Box
component="form"
sx={{ display: "flex", flexDirection: "column" }}
autoComplete="off"
>
<TextField
{...register("profile", {
required: "This field is required",
})}
error={!!(errors as any)?.profile}
// helperText={(errors as any)?.email?.message}
margin="normal"
fullWidth
multiline
InputLabelProps={{ shrink: true }}
type="text"
label="Profile"
name="profile"
/>
</Box>
</Edit>
);
};
