Reactjs rest上的管理员:自定义编辑组件
我需要通过两种方式自定义Reactjs rest上的管理员:自定义编辑组件,reactjs,admin-on-rest,Reactjs,Admin On Rest,我需要通过两种方式自定义编辑组件: 添加自定义按钮,但不添加到上部面板(带有“列表”和 “刷新”按钮),但位于组件底部(默认“保存”旁边) 按钮) 在默认的“保存”按钮上关闭重定向单击(使其 保存并停留在第页) 我是如何做到这一点的?我遇到了这个没有答案的问题。因为我最近才做了类似的事情,所以我将在这里分享我是如何做到的。顺便说一句,我正在REST1.4.0上使用admin 因此,在您的组件上,添加这个工具栏={}。然后创建一个带有按钮的自定义工具栏。在按钮上,您可以使用重定向重定向到另一页
编辑组件:
- 添加自定义按钮,但不添加到上部面板(带有“列表”和
“刷新”按钮),但位于组件底部(默认“保存”旁边)
按钮)李>
- 在默认的“保存”按钮上关闭重定向单击(使其
保存并停留在第页)
我是如何做到这一点的?我遇到了这个没有答案的问题。因为我最近才做了类似的事情,所以我将在这里分享我是如何做到的。顺便说一句,我正在REST1.4.0上使用admin
因此,在您的
组件上,添加这个工具栏={}
。然后创建一个带有按钮的自定义工具栏。在按钮上,您可以使用重定向
重定向到另一页
代码示例:
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>
);
import{SaveButton,Toolbar,TextInput,Edit,SimpleForm}来自'admin on rest';
const MyToolbar=props=>
.. 这里有更多的按钮。。
;
导出常量EditForm=(道具)=>(
);
希望这有帮助 在即将发布的1.2.0版本中,这两种方法都很容易实现(请参阅关于主题的#692 Pull请求:)。同时,您将拥有顶部复制和粘贴当前编辑组件的功能,以添加您自己的按钮,并创建一个自定义传奇来修改重定向行为。因为这很难做到,而且1.2.0也不远,我建议您等待;)谢谢,我会等1.2.0。@Françoiszaninoto现在1.2已经发布了,你能提供这个问题的答案吗。我不想创建重复的问题。