首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在admin-on-rest中将<CreateButton> (种子外键)添加到ReferenceManyField

在admin-on-rest中,要将<CreateButton>(种子外键)添加到ReferenceManyField,可以按照以下步骤进行操作:

  1. 首先,确保你已经安装了admin-on-rest库并且已经设置好了你的数据源和资源。
  2. 打开你的资源文件,找到包含ReferenceManyField的字段。
  3. 在ReferenceManyField组件中,添加一个自定义的Toolbar组件作为子组件,用于显示创建按钮。
  4. 在Toolbar组件中,使用<CreateButton>组件来创建一个按钮,该按钮将用于添加新的种子外键。
  5. 在<CreateButton>组件中,设置to属性为一个URL,该URL将指向你的创建页面。
  6. 在<CreateButton>组件中,设置label属性为按钮的显示文本。
  7. 保存并重新加载你的应用程序,你应该能够在ReferenceManyField中看到一个新的创建按钮。

下面是一个示例代码,展示了如何在admin-on-rest中将<CreateButton>添加到ReferenceManyField:

代码语言:txt
复制
import React from 'react';
import { ReferenceManyField, Datagrid, TextField } from 'admin-on-rest';
import { CreateButton } from 'admin-on-rest';

const CustomToolbar = props => (
    <Toolbar {...props}>
        <CreateButton to="/create" label="添加种子外键" />
    </Toolbar>
);

const MyResourceList = (props) => (
    <ReferenceManyField
        label="种子外键"
        reference="seed_foreign_key"
        target="resource_id"
        {...props}
    >
        <Datagrid>
            <TextField source="id" />
            <TextField source="name" />
        </Datagrid>
    </ReferenceManyField>
);

export const MyResource = (props) => (
    <List {...props}>
        <MyResourceList />
    </List>
);

在上面的示例中,我们创建了一个CustomToolbar组件,它包含一个<CreateButton>组件。然后,我们将CustomToolbar组件作为ReferenceManyField组件的子组件,并将其传递给toolbar属性。最后,我们定义了一个MyResourceList组件,它使用ReferenceManyField和Datagrid来显示种子外键的列表。

请注意,上述示例中的URL "/create" 是一个示例,你需要根据你的实际情况将其替换为你的创建页面的URL。

希望这个答案能够帮助到你!如果你需要更多关于admin-on-rest的帮助,请参考腾讯云的相关产品和文档:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • ActiveReports 报表应用教程 (5)---解密电子商务领域首张电子发票的诞生(套打报表)

    6月27日京东商城发布了中国电子商务领域首张电子发票,同时宣布相关系统正式上线,这标志着中国电子商务的步伐又向前迈出了重要的一步。目前“电子发票”覆盖的服务范围是在北京地区购买图书、音像商品的个人消费者。消费者在进行指定品类网上消费时可选择开具普通纸质发票或电子发票。本文将揭秘如何通过葡萄城ActiveReports报表报表实现电子发票的功能。 在使用葡萄城ActiveReports报表控件实现发票打印、发货单打印、物流清单打印、商品条码印刷、员工工卡印刷之类的功能时,您只需在设计报表阶段加载套打纸作为报表

    010

    PowerDesigner 的常用方法(转)

    选择Database—>Edit Current DBMS 选择Scripts-》Objects-》Reference-》ConstName 可以发现右侧的Value为: FK_%.U8:CHILD%_%.U9:REFR%_%.U8:PARENT% 可见,该命名方法是:'FK_'+8位子表名+9位Reference名+8位父表名,你可以根据这中模式自定义为: FK_%.U7:CHILD%_RELATIONS_%.U7:PARENT%, 可以使FK名称变为FK_TABLE_2_RELATIONS_TABLE_1 掌握这种方法后就可以按照自己的想法修改了 生成建库脚本SQL文件中的表头注释很讨厌,可以在 Databse -> Generate Database (Ctrl+G)窗口中,选择Options卡片,去掉Usage的Title钩选项即可。 添加外键 Model -> References新建一条外键后,双击进入外键属性,在“Joins”卡片中可以选择子表的外键字段

    03

    Pixer v6.5.0 – React Laravel 电子商务多供应商数字市场

    Pixer – React Laravel Multivendor 是一个基于 Laravel、React、Next JS 和 Tailwind CSS 实现的数字电子商务市场脚本。它是最快、最安全的数字资产销售电子商务应用程序之一。它非常容易使用,我们使用了axios和react-query来获取数据。您可以非常轻松地设置 API 端点,并且您的前端团队会喜欢使用它。它具有 REST API 支持。在前端,我们使用了 React、NextJS [TypeScript] 和 Tailwind,以及后端的 Laravel。完整的源代码可用。它非常容易安装和部署。它将帮助您快速发展业务,因为它是一个非常简单的数字电子商务解决方案。我们添加了良好的文档、教程,并尝试使所有内容都可扩展和可重用,以便您可以根据自己的需要进行编辑。它也有完整的管理支持来维护和管理您的订单。您将获得完整的源代码、前端和后端。它具有多供应商支持。该脚本具有商店版本的深色模式和浅色模式,这将震撼您的用户体验。

    01
    领券