前端项目实战叁佰玖拾陆react-admin和material ui-Edit表格内编辑

最新推荐文章于 2024-08-21 14:09:37 发布

前端歌谣

最新推荐文章于 2024-08-21 14:09:37 发布

阅读量50

点赞数

文章标签：前端 react.js ui

本文链接：https://blog.csdn.net/qq_41632427/article/details/132482217

版权

前端项目实战案例专栏收录该内容

500 篇文章 1 订阅

订阅专栏

const StepEdit = ({ id, record, resource }: { id: Identifier, record: any, resource: string }) => {
  const redirect = useRedirect()
  // const [expand,toggleExpanded]=useExpandAll(resource,id)
  return (
    <Edit resource={resource} id={id}>
      <SimpleForm toolbar={false}>
        <Stack direction={'row'}>
          <TextInput variant='outlined' sx={{ mr: 1 }} source='step_no' label='编号' />
          <TextInput variant='outlined' sx={{ mr: 1 }} source='stand_time' label='工时' />
          <TextInput variant='outlined' sx={{ mr: 1 }} source='stand_price' label='工价' />
          <TextInput variant='outlined' sx={{ mr: 1 }} source='step_desc' label='说明' />
        </Stack>
        <SaveButton sx={{ height: "36px", mt: '9px', mj: 2 }}
          type='button' mutationOptions={{
            onSuccess: () => {
              redirect(false)
              // if(expand){
              //   toggleExpanded()
              // }
            }
          }}
        >
        </SaveButton>
      </SimpleForm>
    </Edit>
  )
}