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

react-admin确认对话框是否接受两个以上的选择选项?我希望对话框包含"Yes“、"Cancel”、"No“选项

React-Admin是一个基于React框架的开源后台管理界面框架,它提供了一套丰富的组件和工具,用于快速构建响应式的管理界面。

在React-Admin中,确认对话框通常用于提示用户进行某种操作的确认。默认情况下,确认对话框只包含一个确认选项(通常是"Yes"或"OK"),用于表示用户同意执行操作。

然而,React-Admin并没有直接提供支持在确认对话框中包含多个选择选项的功能。如果需要在对话框中包含"Yes"、"Cancel"和"No"选项,可以通过自定义对话框组件来实现。

首先,可以使用React-Admin提供的<Dialog>组件来创建一个自定义的对话框组件。在该组件中,可以使用React的状态来跟踪用户的选择,并在用户点击不同选项时更新状态。

以下是一个示例的自定义对话框组件的代码:

代码语言:txt
复制
import React, { useState } from 'react';
import { Dialog, DialogTitle, DialogContent, DialogActions, Button } from 'react-admin';

const CustomConfirmationDialog = ({ open, onClose }) => {
  const [choice, setChoice] = useState(null);

  const handleChoice = (value) => {
    setChoice(value);
  };

  const handleConfirm = () => {
    // 根据用户的选择执行相应的操作
    if (choice === 'yes') {
      // 执行"Yes"选项的操作
    } else if (choice === 'cancel') {
      // 执行"Cancel"选项的操作
    } else if (choice === 'no') {
      // 执行"No"选项的操作
    }

    // 关闭对话框
    onClose();
  };

  return (
    <Dialog open={open} onClose={onClose}>
      <DialogTitle>Confirmation</DialogTitle>
      <DialogContent>
        <p>Are you sure you want to proceed?</p>
        <Button color="primary" onClick={() => handleChoice('yes')}>Yes</Button>
        <Button color="default" onClick={() => handleChoice('cancel')}>Cancel</Button>
        <Button color="secondary" onClick={() => handleChoice('no')}>No</Button>
      </DialogContent>
      <DialogActions>
        <Button onClick={handleConfirm}>Confirm</Button>
      </DialogActions>
    </Dialog>
  );
};

export default CustomConfirmationDialog;

在上述代码中,我们创建了一个名为CustomConfirmationDialog的自定义对话框组件。该组件接受openonClose作为props,用于控制对话框的显示和关闭。

在对话框的内容部分,我们展示了一个确认消息,并创建了三个按钮分别代表"Yes"、"Cancel"和"No"选项。当用户点击按钮时,我们通过handleChoice函数更新选择的状态。

最后,在对话框的底部,我们添加了一个确认按钮,当用户点击确认按钮时,根据用户的选择执行相应的操作,并关闭对话框。

使用这个自定义对话框组件,你可以在React-Admin中实现一个包含"Yes"、"Cancel"和"No"选项的确认对话框。在需要使用确认对话框的地方,你可以将这个自定义对话框组件作为子组件进行调用。

需要注意的是,以上代码中并没有提及腾讯云相关产品,因为React-Admin本身并不直接与特定的云计算服务商相关联。然而,你可以根据自己的需求,结合腾讯云的相关产品来实现更多功能,例如在确认对话框中执行与腾讯云相关的操作。

希望以上回答能够满足你的需求,如果还有其他问题,请随时提问。

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

相关·内容

android dialog用法

时间选择对话框 TimePickerDialog: 让用户选择一个时间.   如果你希望自定义你对话框, 可以扩展Dialog类.   ...也就是说,一个AlertDialog不能有两个以上"positive"按钮。这使得可能按钮数量最多为三个:肯定、否定、中性。这些名字和实际功能没有联系,但是将帮助你记忆它们各做什么事情。...然后使用setItems()增加一个可选列表,该列表接受一个选项名称列表和一个DialogInterface.OnClickListener, 后者定义了选项对应响应。...只要activity仍然活跃, 那么对话框就会记住刚才选中选项,但当用户退出activity时,该选择丢失。   ...增加按钮Adding buttons 这就是一开始很想知道究竟如何添加Yes/No,Ok/Cancel这样按钮。

1.4K30

Java-GUI编程之Swing组件

showConfirmDialog/showInternalConfirmDialog 确认对话框,向用户确认某个问题,用户可以选择 yes 、 no ~ cancel选项 。...、YES_NO_CANCEL_OPTION、OK_CANCEL_OPTION messageType:当前对话框类型:ERROR_MESSAGE、INFORMATION_MESSAGE、WARNING_MESSAGE...、QUESTION_MESSAGE、PLAIN_MESSAGE icon:当前对话框左上角图标 options:自定义下拉列表选项 initialValue:自定义选项默认选中项 当用户与对话框交互结束后...showlnputDialog: 返回用户输入或选择字符串 。 showConfirmDialog: 返回 一个整数代表用户选择选项 。...showOptionDialog : 返回 一个整数代表用户选择选项,如果用户选择第一项,则返回 0; 如果选择第二项,则返回1……依此类推 。

2.2K20

超详细Java弹窗样式及使用教程【JOptionPane类详细使用教程】

你好哇,是灰小猿,一个超会写bug沙雕程序猿!...(); 确认对话框 showInputDialog(); 输入对话框 showMessageDialog(); 消息对话框 showOptionDialog(); 选择对话框 五种消息类型 并且每一种消息框都有五种不同消息类型...selectionValues 选择选项 Options 操作选项 因为这四种对话框中所需要参数都是以上九种,所以接下来对每一种对话框进行分析, 确认对话框 确认对话框(showConfirmDialog...:","提示",JOptionPane.YES_NO_OPTION,JOptionPane.QUESTION_MESSAGE,null,options,options[0]); //选择对话框*/ 效果如下...(null,"请选择选项:","提示",JOptionPane.YES_NO_OPTION,JOptionPane.QUESTION_MESSAGE,null,options,options[0])

13.8K41

Python3界面开发常用.md

, title=' ', choices=('[]Yes', '[]No'), image=None, default_choice='[]Yes', cancel_choice...'''选择/多选框''' #按钮组件方便提供用户一个简单按钮选项,但如果有很多选项,或者选项内容特别长的话,更好策略是为它们提供一个可选择列表 choicebox(msg='Pick an item...''' # 函数用于提供一个对话框,返回用户选择目录名(带完整路径哦),如果用户选择Cancel” 则返回 None diropenbox(msg=None, title=None, default...,让用于选择文件需要保存路径(带完整路径哦) #关于 default 参数设置方法: default 参数指定一个默认路径,通常包含一个或多个通配符。...,'个人信息','确认无误') print("msgbox返回值:",res) #返回ok_button值 msgbox返回值: 确认无误 sex = g.buttonbox('选择性别:','

2K20

Python3界面开发常用.md

, title=' ', choices=('[]Yes', '[]No'), image=None, default_choice='[]Yes', cancel_choice...'''选择/多选框''' #按钮组件方便提供用户一个简单按钮选项,但如果有很多选项,或者选项内容特别长的话,更好策略是为它们提供一个可选择列表 choicebox(msg='Pick an item...''' # 函数用于提供一个对话框,返回用户选择目录名(带完整路径哦),如果用户选择Cancel” 则返回 None diropenbox(msg=None, title=None, default...,让用于选择文件需要保存路径(带完整路径哦) #关于 default 参数设置方法: default 参数指定一个默认路径,通常包含一个或多个通配符。...,'个人信息','确认无误') print("msgbox返回值:",res) #返回ok_button值 msgbox返回值: 确认无误 sex = g.buttonbox('选择性别:','

1.7K20

BOM,浏览器对象模型

alert() 该方法接受一个字符串并将其显示给用户。该对话框包含指定文本和一个"OK"按钮。...主要用来显示警告信息 confirm() 确认对话框,显示包含指定文本和一个"OK"按钮以及"Cancel"按钮。...显示包含文本,ok按钮,cancel按钮以及一个文本输入域,以供用户在其中输入内容。传入两个参数,要显示给用户文本提示和文本输入域默认值。....默认值是yes titlebar=yes|no|1|0 是否显示标题栏.被忽略,除非调用HTML应用程序或一个值得信赖对话框.默认值是yes toolbar=yes|no|1|0 是否显示浏览器工具栏...前者在指定时间过后执行代码,而后者则是每隔指定时间就执行一次代码。 超时调用需要使用window对象setTimeout()方法,它接受两个参数:要执行代码和毫秒数超时时间。

96150

为Eclipse安装Python开发插件

是Python 3.2和eclipse-java-galileo-win32.zip,以下是正文。...数秒钟以后,将会出现两个选项选择PyDev for Eclipse选项,但是不要选择“PyDev Mylyn Integration”符号。 ? d....一个安全警告会出现询问是否信任正在安装软件,点击“OK”,确认已经选择安装项目,然后点击yes。安装过程将会继续。 h. 当安装过程结束,会被询问是否重启Eclipse。选择Yes”。...确认一下安装过程是否留下未知文件,检查是否存在: i) 随机任意位置.eclipse文件夹,可能临时出现在My Documents文件夹里面。...(如果没有,右键greeting.py图标,并且选择打开。)将会看到包含文件名选项卡。 ? 4. 编写和运行程序 a. 下面是向世界问候程序。

2.3K20

速读原著-Android应用开发入门教程(弹出对话框)

提示信息和两个按钮对话框 第 1 个按钮(OK Cancel dialog with a message)启动一个提示信息和两个按钮对话框,如图所示: ?...public void onClick(DialogInterface dialog, int whichButton) { /* 右键事件 */ } }) 本例是一个包含选项对话框...DialogInterface dialog, int whichButton) { /* 右键事件 */ } }) .create(); 本例是一个包含选项对话框...文本按键对话框(使用布局文件) 第 7 个按钮(Text Entry dialog)启动一个包含文本按键对话框。 Dialog 程序中调用各个对话框效果如图所示: ?...由此,在这个对话框中,包含了这些相应控件。 如上面对话框效果所示,对话框可以设置标题、图标、提示信息、最多 3 个按钮、单选项、复选项,甚至可以设置一个 View。

1.4K10

速读原著-Android应用开发入门教程(弹出对话框)

提示信息和两个按钮对话框 第 1 个按钮(OK Cancel dialog with a message)启动一个提示信息和两个按钮对话框,如图所示: ?...) { public void onClick(DialogInterface dialog, int whichButton) { /* 右键事件 */ } }) 本例是一个包含选项对话框...void onClick(DialogInterface dialog, int whichButton) { /* 右键事件 */ } }) .create(); 本例是一个包含选项对话框...文本按键对话框(使用布局文件) 第 7 个按钮(Text Entry dialog)启动一个包含文本按键对话框。 Dialog 程序中调用各个对话框效果如图所示: ?...由此,在这个对话框中,包含了这些相应控件。 如上面对话框效果所示,对话框可以设置标题、图标、提示信息、最多 3 个按钮、单选项、复选项,甚至可以设置一个 View。

1.3K20

ghost备份和还原_cgi备份还原

选择要备份分区,默认第一选项为主分区,即C盘,也就是你系统所在分区,点击“OK”。 点击小三角,在下拉列表中选择存放备份文件分区。 值得注意是,不能选系统所在分区。...在弹出窗口选择备份模式,一般选“Fast”(快速)。然后点击“Yes”。 这时开始备份,进度条慢慢向右移动。 备份所需时间与备份系统大小和电脑速度有关。...当进度条到达100%时,弹出对话框,点击“继续” 点击“退出”,点击“Yes”,再退出桌面。 重新启动系统,进入GHO文件保存磁盘分区查看,已成功备份了系统。...新窗口弹出,显示镜像文件一些信息,点“OK”按钮继续,“Cancel”意为:中止、取消。 选择要恢复硬盘。...这步尤其要小心,不要选择错,否则有用数据会被覆盖掉。 弹出对话框,询问我们是否确认覆盖所恢复分区数据,此时若发觉上述某步骤有误,可单击“No”取消,然后重来。 确认无误选“Yes”。

3.8K20

Flutter Widgets 对话框-Dialog

,以避免用户误操作,比如删除文件时,一般会弹出提示“是否要删除当前文件”,用户点击确认后才会进行删除操作,这时我们可以使用提示框(AlertDialog或者CupertinoAlertDialog)。...根据设计不同,我们可以选择Material风格AlertDialog或者Cupertino(ios)风格CupertinoAlertDialog, Material风格基础用法如下: RaisedButton...,App需要知道知道用户选择了哪个选项,用法如下: RaisedButton( child: Text('切换'), onPressed: () async { var result =...,只需将对话框内容给child属性: Dialog( child: MyDialog(), ); 当然一般情况下,系统提供对话框就够用了,这几个对话框组件用法基本一样,不同地方仅仅是灵活性和使用简易程度不要...今天文章对大家是否有帮助?如果有,请在文章底部留言和点赞,以表示对支持,你们留言、点赞和转发关注是持续更新动力!

1.4K11

弹出层之1:JQuery.Boxy (二)

(任何其他指定选项将被传递到boxy构造函数中) Boxy.get(element) 返回包含元素实例,例如:关闭对话框 Boxy.ask(question, answers, callback, options) 显示模式,即非可关闭对话框,允许用户选择选项。...问题是要显示给用户信息。答案是一个数组或一切可能回答数列。回调函数将收到选定回答,这是否是需要值或相应密钥要根据一个数组或答案数列是否已经提供了。...resize(w,h,after) 重新调整对话框高宽到[w,h],完成后执行回调函数,回调函数将接受Boxy实例作为参数。可链接。....boxy-wrapper .question 通过Boxy.ask()创建包含问题文字 .boxy-wrapper .answers 通过Boxy.ask()创建包含应答按钮 .close

4K20

python GUI库图形界面开发之PyQt5输入对话框QInputDialog详细使用方法与实例

PyQt5输入对话框QInputDialog介绍 QInputDialog控件是一个标准对话框,有一个文本框和两个按钮(ok和cancel)组成,当用户单击ok或enter键后,在父窗口可以收集通过QInputDialog...控件输入信息,QInputDialog控件是QDialog标准对话框一部分 在QInpuTDialog控件中可以输入数字,字符串或列表中选项,标签用于提示必要信息 QInputDialog类中常用方法...,以及ok键点击与否(True 或False) #QInputDialog.getItem(self,标题,文本,元组,元组默认index,是否允许更改) item,ok=QInputDialog.getItem...QComboBox控件和两个按钮,用户从QComboBox中选择一个选项后,允许用户确认或取消操作 def getItem(self): items=('C','C++','C#','JAva...self.Le1.setText(item) 同理,当调用QInputDialog.getText()函数时,QInputDialog控件包含一个文本框和两个按钮,允许用户输入字符串 本文详细讲解了

3.2K11

Flutter Widgets 之 Dialog 对话框

,比如删除文件时,一般会弹出提示“是否要删除当前文件”,用户点击确认后才会进行删除操作,这时我们可以使用提示框(AlertDialog或者CupertinoAlertDialog)。...根据设计不同,我们可以选择Material风格AlertDialog或者Cupertino(ios)风格CupertinoAlertDialog, Material风格基础用法如下: RaisedButton...点击空白处是无法退出对话框,而showDialog点击空白处默认退出对话框,barrierDismissible属性控制点击空白处行为,用法如下: showDialog( barrierDismissible...用户点击“取消”或者“确定”按钮后退出对话框,App需要知道知道用户选择了哪个选项,用法如下: RaisedButton( child: Text('切换'), onPressed: () async...当然一般情况下,系统提供对话框就够用了,这几个对话框组件用法基本一样,不同地方仅仅是灵活性和使用简易程度不要,Dialog最灵活,但使用起来比AlertDialog复杂一些,AlertDialog

1K10

Material Design — 提示框( Dialogs)

自上次参加完回音分享会后,下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中组件(顺便学学英语),以便今后在使用时候完全不虚...提示框 提示框告知用户特定任务,并可能包含重要信息,需要用户做出决定或使其参与多项任务。 对话框包含文本和UI控件。 他们保持视觉焦点直到被关闭或被完成了其中需要行动。...他们突然出现迫使用户停止当前任务并专注于提示框内容。 并非所有的选择,设置或细节都准许这种中断。 提示框替代选项包括Menus与内联扩展,这两个都能保持当前环境。...简单提示框样式 没有明确取消按钮 简单提示框没有明确按钮来接受或取消操作。 ?...文案要换行时使用简单提示框 ---- 确认提示框(Confirmation dialogs) 确认提示框要求用户在提交选项之前明确确认他们选择

5.1K101
领券