Question

我需要以两种方式自定义Edit组件：

添加自定义按钮，但不添加到上方面板（使用＆＃39;列表＆＃39;和＆＃39;刷新＆＃39;按钮），但在组件的底部（默认＆＃39;保存＆＃39;旁边）按钮）。
关闭默认情况下的重定向＆＃39;保存＆＃39;按钮单击（使其成为公正保存并留在页面上。）

我如何实现这一目标？

Answer 1

我遇到了这个悬而未决的问题。因为我最近刚刚做了这样的事情，所以我将分享我在这里做的事情。我正在使用管理员休息1.4.0顺便说一句。

因此，在<Edit>组件上添加此toolbar={<MyCustomToolbar />}。然后创建一个包含按钮的自定义工具栏。在按钮上，您可以使用redirect重定向到其他页面。

代码示例：

import { SaveButton, Toolbar, TextInput, Edit, SimpleForm  } from 'admin-on-rest';

const MyToolbar = props => 
 <Toolbar {...props} >
   <SaveButton label="Save & to dashboard" redirect="/" />
   .. more buttons here..
 </Toolbar>;


export const EditForm = (props) => (
<Edit title="Edit" {...props}>
    <SimpleForm toolbar={<MyToolbar />}>
        <TextInput source="company_website" type="url" />
        <TextInput source="address_street" />
        <TextInput source="address_zip" />
        <TextInput source="address_unitnr" />
        <TextInput source="address_city" />
    </SimpleForm>
</Edit>
);

希望这有帮助！

admin-on-rest：自定义编辑组件

1 个答案: