首页
学习
活动
专区
工具
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的帮助,请参考腾讯云的相关产品和文档:

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

相关·内容

使用 OpenCV4 和 C++ 构建计算机视觉项目:1~5

这本书将涵盖我们将使用的各种算法,我们为什么要使用它们,以及如何在 OpenCV 中实现它们。 在本章中,我们将学习如何在各种操作系统上安装 OpenCV。...这些值通常在整数0和255之间,但您可以使用其他范围,例如浮点数的0到1,h****高动态范围成像(HDRI)或热像: [链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-slTa1BpN...我们学习了如何创建滑块和按钮,或者如何在 3D 中绘图。...Sobel 大小孔径是算法中将使用的 Sobel 滤波器的核大小。...在右图中,我们用不同的颜色绘制了每一个,显示了不同的特征,面积、高度、宽度和轮廓大小: [链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PnBtuwdO-1681961622341

2.7K10

榕树集-蛋白质表面指纹(MaSIF)

MaSIF-seed在螺旋集和非螺旋集中分别在18个和41个case中将正确的binding motif识别为得分最高的结果。...相比之下,最佳表现的方法ZDock+ZRank2 仅在螺旋集中将6个case识别为得分最高的结果,在非螺旋集中将21个case识别为得分最高的结果。...除了表现更好,MaSIF-seed的速度也更快,速度增加了20倍到200倍之间,这主要取决于从每个基序中提取的贴片数量。...MaSIF-seed提供了7,713个bindind seed,其中有两个显著特征: 接触表面不含有具有强结合热点特征的残基(大的疏水残基) 结合种子在螺旋片段的两个不同方向上具有等效分布,其结合在彼此相距...将这三个突变体添加到DBR3_02中,得到了KD为80 nM的DBR3_03,其稳定折叠。

65930
  • ActiveReports 报表应用教程 (1)---Hello ActiveReports

    通过葡萄城ActiveReports报表控件,您除了可以创建常用的子报表、交叉报表、分组报表、分栏报表、主从报表等商业报表,还可以创建具备数据筛选、数据过滤、数据钻取、报表互链等交互能力的数据分析报表...4、数据可视化 葡萄城ActiveReports报表中除了提供图表控件,还提供了波形图、数据条、图标等丰富的数据可视化控件。...Hello ActiveReports 在开始葡萄城ActiveReports报表应用教程内容之前,我们来看看如何在 Visual Studio 中使用 ActiveReports 报表控件。...从 VS2013 工具箱中将 TextBox 控件添加到报表设计界面中的 PageHeader 区域,并设置 TextBox 控件的 Text 属性为 Hello ActiveReports....第四步: 通过 F5 运行程序,结果如下: ?

    2.9K60

    「图隐私攻击与防御技术」最新2022研究综述

    社交网络中的个人资料、医疗数据中的诊疗记录、交易信息网络中的交易内容等图结点上的敏感文本属性,图数据中还包含社会关系、医患关系、交易方式等边上的敏感链接关系....语义属性指结点中除身份信息其他可能泄露隐私的属性信息,通常包括敏感属性信息,邮件通讯网络中与用户结点关联的邮件内容;或一组可以唯一确定结点身份的非敏感属性集合,即准标识符, 职业社交网络中用户结点的职业...目前,图的集中式存储场景下的攻击算法可分为两大类,基于种子结点(seed-based)的攻击算法以及非种子结点(seed-free)攻击算法。...本文进一步将 基于种子结点的攻击算法分为基于种子结点的主动攻击算法与被动攻击算法两个子类。...下文围绕算法目标、针对的关 问题,以及相应的解决方案,描述经典攻击算法。

    80510

    critical pod浅谈

    除了在主机上运行的Kubernetes核心组件(api-server, scheduler, controller-manager ),还有许多附加组件,由于各种原因,这些附加组件必须在常规群集节点...如果紧急附加组件被驱逐(手动或作为其他操作(升级)的副作用)并变为挂起状态(例如,当该群集被高度利用且有其他挂起的Pod计划进入该群集时,该群集可能会停止正常工作)被驱逐的关键附加组件腾出的空间或节点上可用的资源量由于其他原因而发生了变化...确保同时启用PodPriority和ExperimentCriticalPodAnnotation功能门,您可以将 scheduler.alpha.kubernetes.io/critical-pod作为添加注释...,并将空字符串作为值添加到您的pod,但是从1.13版开始不推荐使用此注释,并且在将来的版本中将删除该注释。

    78920

    关于“Python”的核心知识点整理大全10

    2处的else代码块确保其他配料都将添加到比萨中。 输出表明,妥善地处理了顾客点的每种配料: Adding mushrooms....在if语句中将列表名用在条件表达式中时,Python将在列表 至少包含一个元素时返回True,并在列表为空时返回False。...你学习了如何在利用高效的for循环的同时,以不同于其他元素 的方式对特定的列表元素进行处理。...使用两条print语句来访问并打印这些信息, 下所示: green 5 与大多数编程概念一样,要熟练使用字典,也需要一段时间的练习。...由于屏幕 坐标系的原点通常为左上角,因此要将该外星人放在屏幕左边缘,可将x坐标设置为0;要将该 星人放在离屏幕顶部25像素的地方,可将y坐标设置为25,如下所示: alien_0 = {'color'

    13510

    AI生成视频-Pika

    Pika 1.0 是 Pika 的一个重大产品升级,包含了一个新的 AI 模型,可以在各种风格下生成和编辑视频, 3D 动画,动漫,卡通和电影风格。...注意:以上步骤中的每一个生成命令都应该以回车结束,这样 PIKA 才会开始生成你的视频片段。希望这个教程对你有所帮助!.../animate 你现在可以先在 Pika 中将图片添加到提示中,告诉 PikaBot 从图片开始你的视频 你不需要输入提示,只需附加图片然后按回车/发送 在 PC 上: 输入/animate 并附加你要使用的图片...添加提示:如果你想添加提示词或参数,按 [Tab] x 3(可选) 在手机上: 输入/animate 并附加你要使用的图片 这会打开你的相册让你选择图片 点击图片进行选择,它会被添加到你的提示中..., 9:16, 1:1, 4:5(默认为 1024:576) 示例提示: /create prompt: 示例提示文字 -ar 16:9 注意:Pika 机器人也会从你附加的图片中推断宽高比 随机数种子

    61610

    代码分析规则的配置文件

    可以在下列任一分析器配置文件中将这些选项指定为键值对: EditorConfig 文件:基于文件或基于文件夹的配置选项。 全局 AnalyzerConfig 文件:项目级别配置选项。...当某些项目文件位于项目文件夹时,它非常有用。 提示 也可以在项目文件中设置代码分析配置属性。 这些属性在批量级别配置代码分析,完全将其打开或关闭到类别级别配置。...提示 Visual Studio 提供 .editorconfig 项模板,通过该模板可轻松地将其中一个文件添加到项目中。 有关详细信息,请参阅将 EditorConfig 文件添加到项目。...如果有多个条目具有相同但值不同,则会发生冲突。 以下优先规则用于解决冲突。 冲突条目位置 优先规则 在相同配置文件中 文件中后出现的条目优先。...有关具有不同的相关严重性选项的优先级规则的信息(例如,为单个规则和为规则所属的类别指定不同的严重性),请参阅代码分析的配置选项。

    84720

    何在 Core Data 中对 NSManagedObject 进行深拷贝

    何在 Core Data 中对 NSManagedObject 进行深拷贝 请访问我的博客 www.fatbobman.com[1] 以获得更好的阅读体验 。...而是将新拷贝的托管对象添加到与 A 的关系中,满足数据模型的设计意图。...除了忠于原始数据的拷贝方式,还提供了选择性拷贝、拷贝时生成新值等功能。 基础演示 创建上图中 Note 的深拷贝 let cloneNote = try!...目前支持如下命令: •exclude该可以设置在 Attribute 或 Relationship 中。只要出现 exclude ,无论任何值都将启用排除逻辑。...为了方便某些不适合在 userinfo 中设置的情况(比如从关系链中间进行深拷贝),也可以将需要排除的关系名称添加到 excludedRelationshipNames 参数中(基础演示 2)。

    1.5K20

    《数据仓库工具箱》- 第三章零售业务中的知识点汇总

    与其在BI应用中将标示编码成难以理解的标示,不如将其编码成数据库中存储的可解释的值。这样他能够对所有用户保持一致。...退化维度 操作型事务空值号码,订单号,发票号,提货单号码通常产生空的维度并且表示为事务事实表中的退化维度。退化维度是没有对应维度表的维度。...* 新维度 * * 可在事实表上添加新维度,在事实表中添加新的列并将新维度的主键填写到该列上。(为了可以很方便的这样做,在前期这几事实表的时候应该尽可能以最低粒度设计事实表。...过早的聚集和汇总会限制补充维度的能力,因为增加的增加的维度通常无法在更高粒度级别上应用) * 新可度量事实 * * 如果新的可度量事实可用,可以方便的把他们添加到事实表,但是这样做的前提是新增加的度量与当前事实表的粒度想符...不过为了便于计算,可以包括虚拟事实,添加某一列,使得其常量值为1。 代理 代理简单的以自增的整数表示。代理建的作用仅仅就是连接事实表和维度表。

    91520

    Milvus x KubeSphere: 如何一部署火爆全球的开源向量数据库

    添加镜像仓库 进入创建好的 milvus-workspace,分别将 milvus-helm 和 helm-stable 仓库添加到 KubeSphere 容器平台。 ?...部署 StorageClass 为了在 Kubernetes 集群中将一个存储卷(volume)同时挂载在多个 pod 上,允许多个 pod 对同一组数据作出修改,共享存储必不可少。...下面我们将介绍如何在 KubeSphere 上利用 chart 仓库一部署 Milvus 集群。 1. 添加 Milvus 应用。 同上文的 nfs-client,点击应用负载部署新的应用。 ?...在集群的服务器安装 Milvus Python SDK: $ pip3 install pymilvus==1.1.0 4....得益于其面向开发、测试和运维友好的图形用户界面,使用 KubeSphere 一部署 Milvus 集群可以大大节省学习和部署 Kubernetes 以及 Milvus 及其同类应用的成本。

    1.4K40

    iOS 9人机界面指南(四):UI元素(下)- 腾讯ISUX

    4.3.2 添加联系人按钮 添加联系人按钮让用户将现有联系人添加到文本框或者其它文字视图中。 ? API注释 想要了解如何在代码中定义添加联系人按钮,请参考UIButton....添加联系人按钮: 展示联系人列表 帮助用户将一个联系人添加到当前联系人按钮所在的视图中 使用添加联系人按钮让用户在不需要使用键盘的情况下就可以方便地访问到联系人。...举个例子,你可以在文本框的左侧或者右侧加入自定义图形,或者加入系统按钮,书签按钮等。一般来说,文本框的左侧用于表述文本框的含义,而右侧用于展示附加的功能,书签。...提示 一般来说,当警告框出现的时候,按Home将会从该app里切回主屏幕,此时Home的效果类似于取消按钮——当用户回到app中的时候,警告框将消失,操作也不会被执行。...此外,用户在滚动的过程中将很有可能误点其它按钮。 4.4.3模态视图 模态视图是一个以模态形式展现的视图,它为当前任务或当前工作流程提供独立的、自包含的(self-contained)功能。 ?

    13.2K30

    《面试季》经典面试题-数据库篇(一)

    面试题目 一: Mysql的存储引擎分类 InnoDB: 支持事务,行锁及无锁读提高了并发的效率,为了数据的完整性,支持 MyISAM: 不支持事务和,表级别锁,优势在于访问速度快,一般用于只读或者以读为主的数据场景...innodb/myisam 二: InnoDB和MyISAM的区别 (一) InnoDB的特点:   1、支持事务处理、ACID事务特性;   2、实现了SQL标准的四种隔离级别;   3、支持行级锁和约束...2、此引擎不支持事务,也不支持。   ...空间内容不能重复、一个表可以存在多个    3、PRIMARY KEY: 一个表只能存在一个,且不能重复,不能为空    4、FOREIGN KEY: 用于关联表链接得字段,防止非法数据插入列...今天播种努力的种子,总会有一天发芽!

    85410

    Linux 中如何切换相同程序的不同版本

    几天前,我们曾经讨论如何 如何在不同的 PHP 版本之间进行切换 。在那篇文章中,我们使用 update-alternatives 命令实现从一个 PHP 版本切换到另一个 PHP 版本。...主机上安装 alt : $ curl -sL https://github.com/dotboris/alt/raw/master/install.sh | bash -s 下一步,将 shims 目录添加到你的...截图中所示,我系统中默认的 PHP 版本为 PHP 7.2。 然后,我将进入放置 PHP 应用的 myproject 目录。...按下 选中当前可用的版本。选中全部可用版本后,你可以看到图中所示的 叉号 cross mark 。使用上下方向在版本间移动,点击回车即可保存变更。 ?...从上面的截图中可以看出,我有两个版本的 PHP:在 myproject 目录下,使用的版本为 PHP 5.6;在 myproject 的其它目录,使用的版本为 PHP 7.2。

    3.7K31

    115道MySQL面试题(含答案),从简单到深入!

    InnoDB支持事务处理,行级锁定和,适用于需要高并发和事务处理的场景。MyISAM不支持事务和行级锁定,但读取速度快,适用于查询密集型的场景。3. 解释MySQL中的JOIN操作。...解释MySQL中的是一种数据库约束,用于建立两个表之间的关系。在一个表中的会指向另一个表的主键。的主要作用是维护跨表的数据完整性,确保参照完整性。11....- 考虑禁用索引和约束以加速导入过程。 - 使用mysqldump进行大型数据库的备份和恢复。 - 分割大文件,进行分批导入或导出。这些方法可以帮助管理大型数据集,提高数据导入和导出的效率。...- 禁用索引和约束,直到数据插入完成。 - 考虑在插入过程中禁用自动提交,使用事务来管理插入。85. MySQL中的分布式架构和复制策略有哪些?...- 使用约束来维护表之间的关系和数据完整性。 - 使用合适的数据类型和约束(NOT NULL、UNIQUE)来确保数据准确性。

    17610

    Hibernate关联关系

    * 如果能够查找到对应的妻子信息就将其添加到Husband中的wife属性中,如果没有查找到那么设置wife属性为null即可,这个就是连接 */ @Test public void TestGet...toString() { return "Husband [id=" + id + ", name=" + name + ", age=" + age + "]"; } } Husband的类不用改变,还是第一个的样子...解决办法 我们在不想作为的属性的get方法上添加mappedBy,或者在想要成为对方的的类中的对方的对象的get方法中添加即可。...但是我们需要注意的是: mappedBy=”“,其中的值一定要和该类对象对方类中属性的字段相同 实现 我们让Wife作为Husband的,所以mappedBy添加到Wife类中的Husband对象的...,如下: 单向外关联(@ManyToMany) 通过学生访问老师的信息 根据需求我们必须在Student的类中将Teacher类的对象声明为成员变量,多对多的关系,因此使用的是Set集合来存储 Student

    6.3K30

    Mac虚拟机CrossOver2022下载及如何使用教程

    2、一安装CrossOver拥有一个一安装技术,它可以让用户在安装Windows 程序时,使用更加顺畅和便捷,也更为简单,省去了很多繁复的步骤。...我们可以直接在CrossOver搜索游戏名称,或者直接添加安装包,也可以在CrossOver容器中下载安装steam或QQ游戏之类的游戏平台。...官方并未提供macOS系统的安装包,我们来看如何在macOS系统运行该游戏吧!1.安装CrossOver我们可以在CrossOver中文网站【下载】专区,下载正版软件安装包。...三、CrossOver如何卸载应用有时有些软件或游戏已不打算再继续使用,可以在CrossOver中将其删除/卸载。方法一:删除容器图删除容器有些软件在安装时,会创建一个独立的容器。...除了此种安装方式,还可以直接在crossover搜素框进行搜索,找到软件后直接下载即可。

    2.4K00
    领券