前端项目实战肆佰肆拾壹react-admin和material ui-增加过滤条件

最新推荐文章于 2024-09-30 15:42:36 发布

前端歌谣

最新推荐文章于 2024-09-30 15:42:36 发布

阅读量29

点赞数

文章标签：前端 react.js ui

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

版权

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

500 篇文章 1 订阅

订阅专栏

 <List filters={postFilters} empty={<Empty />} disableAuthentication={false} actions={<CreateListActions productId={productId} solutionname={solutionname} isCreating={isCreating} handleCreate={handleCreate} />} filter={!productId ? {} : { po_id: productId }} exporter={false} hasCreate={true} resource="t_lps_po_detail"
                >
                    <Datagrid rowClick={'expand'} expandSingle={true} expand={StepEdit}>
                        <ReferenceField source="po_id" reference="t_lps_product_order" label="生产单" />
                        <ReferenceField source="color" reference="t_prod_color" label="颜色" />
                        <ReferenceField source="size" reference="t_prod_size" label="尺码" />
                        <TextField source='count' label="数量" />
                        <TextField source='description' label="描述" />
                    </Datagrid>
                </List>

const postFilters = [
    <ReferenceInput variant='outlined' source="color" reference="t_prod_color" label='颜色'/>,
    <ReferenceInput variant='outlined' source="size" reference="t_prod_size" label='尺码'/>,
    <TextInput label="数量" source="count" />,
    <TextInput label="描述" source="size" />,
];