modal-dialog相关内容

条件渲染 React 组件并保持 DRY 的最佳方法

我有一个应用程序在删除时显示确认模式. 这是完整的代码: https://codesandbox.io/s/vkz5xm8r0 在 components/Modal.js 我有一些条件渲染.如果我想根据这些条件设置整个模式的样式怎么办?最好的方法是什么? 例如.如何设置整个模态的样式,使其外观改变如下: https://imgur.com/a/pK5Zu 解决方案 重新组织了一下 ..
发布时间:2022-01-19 12:59:45 前端开发

如何在 Angular 中添加可重用的模态对话框?

我是 Angular 的新手,正在尝试实现 这个解决方案 到我的项目中. 它看起来很简单,但是,我正试图将它变成一个可重用的元素,以便我可以从任何地方调用它并传入要显示的内容(否则,有什么意义?). 所以,我的具体问题是:假设我已经有一个绑定到某个 DOM 元素的 controller 并且它具有获取一些 factory 驱动的 的功能>$http 调用并在响应时我希望通过此对话框通知 ..
发布时间:2022-01-17 11:08:20 其他开发

为什么 JS 模态消息框会在 setTimeout() 上暂停倒计时?

当 alert 之类的模态对话框窗口打开时,我遇到了 JS setTimeout 的意外行为,我想知道它背后的原因. 我希望 setTimeout(fn,10000) 的意思是“定期检查当前时间,当它大于 Now + 10000ms 时触发将调用传递的‘fn’函数的事件处理程序".这将是合乎逻辑的,看看我们如何将超时度量作为“从现在开始的毫秒"传递.但是,显然,setTimeout 上的倒计 ..
发布时间:2022-01-17 11:08:09 前端开发

有没有办法执行 UIModalTransitionStyleCoverHORIZONTAL(不是 FlipHorizo​​ntal)?

我正在使用objective-c(很明显,我猜),我想知道是否有一种(简单的)方法来呈现模态视图,但让视图从屏幕右侧滑入. UIModalTransitionStyleCoverVertical 新视图从底部滑入,所以我天真地认为会有一个水平对应物,但我在文档中找不到. 我不是说 UIModalTransitionStyleFlipHorizo​​ntal(我不想要 3D 翻转). ..
发布时间:2022-01-17 11:07:50 移动开发

引导模态和Youtube:关闭时自动播放和停止

我需要能够在 Twitter Bootstrap 模式打开时自动播放 youtube 视频,然后在关闭时停止该视频. 我知道以前有人问过这个问题,但我能找到的答案会导致包含许多视频的页面出现大量 javascript 代码,我正试图减少臃肿.到目前为止,我对单个视频进行了以下工作,但问题是每个模式和每个视频都必须使用适当的变量重复此 javascript 代码. $('#vidThumbn ..
发布时间:2022-01-17 11:07:35 其他开发

jQuery Bootstrap 多个模态,如何仅隐藏活动/顶部模态

我有一个模态表单,有时需要打开第二个模态来设置或显示一些数据.我可以启动第一个和第二个模态,但是当我关闭“顶部"模态时,两个模态都被隐藏了.是否可以一次隐藏一个模式? 显示模式一: $('#content').on('click', "a#AddItemModal", function () {var id = $(this).attr('value');var val = '/AddIt ..
发布时间:2022-01-17 11:06:56 其他开发

我的 Qt eventFilter() 不会停止事件,因为它应该

我的 eventFilter 存在根本性错误,因为它允许 每个 单个事件通过,而我想停止 所有事情.我已经阅读了很多关于 QEvent、eventFilter() 等的文档,但显然我遗漏了一些重要内容.本质上,我正在尝试为基于 QDialog 的弹出窗口类创建自己的模式功能.我想实现自己的,因为内置的 setModal(true) 包含很多功能,例如播放我想排除的 QApplication::Be ..
发布时间:2022-01-17 11:06:46 C/C++开发

单击按钮打开模式

接下来的代码使用了一个 Modal react 组件: 导出类 AddWorkLogEditor 扩展 React.Component {构造函数(道具){超级(道具);this.addWorkLog = this.addWorkLog.bind(this);this.onOpenModal = this.onOpenModal.bind(this);this.onCloseModal = th ..
发布时间:2022-01-17 11:06:31 其他开发

如何在打开时仅在模式弹出窗口内限制 Tab 键按下?

我打开了一个模式弹出窗口.我有可访问性要求.所以添加了 ARIA 相关的标签.但是当我点击 tab 键时,持续关注到实际页面后面的页面. 在 html 文件中添加了 role="dialog" 但是当模式打开时,我只希望焦点在模式弹出窗口中导航. 从事 Angular4, HTML5 项目.如果我们在 HTML 文件中找到解决方案会更好.我的意思是没有添加任何 javascrip ..
发布时间:2022-01-17 11:06:13 前端开发

在异步方法中显示错误消息的更好方法

我们不能在 catch 块中使用 await 关键字这一事实使得在 WinRT 中显示来自异步方法的错误消息非常尴尬,因为 MessageDialog API 是异步的.理想情况下,我希望能够这样写: 私有异步任务 DoSomethingAsync(){尝试{//一些可以抛出异常的代码...}捕捉(例外前){var dialog = new MessageDialog("出了点问题!");等待 ..
发布时间:2022-01-17 11:06:05 C#/.NET

如何在WPF中单击菜单项时在父窗口下打开子窗口?

我正在用 C# 开发一个应用程序.我在 WPF 下使用 .Net.我想打开一个新的子窗口(如对话框),它应该在主窗口中打开,就在菜单栏的下方. 但是,新打开的窗口只是显示一个操作系统任务栏.如何在主窗口下打开各种新窗口(如对话框)? 解决方案 试试这个. MyChildWindow cw = new MyChildWindow();cw.ShowInTaskbar = false; ..
发布时间:2022-01-17 11:05:57 C#/.NET

是否可以重载表单的 ShowDialog 方法并返回不同的结果?

编辑:这种方法实际上效果很好,我问了它,然后找到了解决方案.我在重载的 ShowDialog() 方法中添加了正确的调用(它不是完全重载,甚至不是覆盖,但它的工作原理相同.我的新问题是底部的问题. 我有一个表单,您可以在其中单击三个按钮之一.我为返回的结果定义了一个枚举.我想打电话: MyFormResults res = MyForm.ShowDialog(); 我可以用这段代码添加一 ..
发布时间:2022-01-17 11:05:47 C#/.NET

如何使用 jquery 滚动到模式中的元素?

我有一个打开的模式,我将元素逐行插入.每行都有自己的 ID 标签.目前,随着列表变得比模态窗口大,文本只是隐藏在模态窗口的底部.您可以手动使用滚动条,但我希望文本在打印时在模式窗口中向上滚动. 我已经使用了以下代码,但这只是在模式后面滚动网页.我也试过用模态元素替换 'html, body' 无济于事. $('html, body').animate({ scrollTop: $('#El ..
发布时间:2022-01-17 11:05:41 前端开发

单击浏览器后退按钮时,引导模式关闭但模式下拉保持

我正在使用带有引导程序的 Backbone.问题是当您浏览应用程序时,在某些时候您打开引导模式窗口并按下后退按钮,模式窗口关闭但模式背景 div(模式背景)保持不变并且不会消失.它覆盖整个屏幕,你不能点击任何东西.我注意到,当您关闭模态时,模态背景 div 通常会从 html 中删除,并且在这种情况下它会保留. 我在网上搜索这个解决方案,发现了类似的东西,但没有一个是按下浏览器后退按钮的潮流 ..
发布时间:2022-01-17 11:05:35 其他开发

matDialog 不作为对话框打开

它不是作为停留弹出窗口打开,而是作为页面底部左对齐的块打开. 我搜索了类似的问题,发现这个angular2 MdDialog is not appearing作为弹出窗口但也不起作用. 做了一个干净的页面,也许是我的其他一些 css 干扰了,但不是. 新顾问 ..
发布时间:2022-01-17 11:05:26 前端开发

iPhone登录屏幕问题

我有一个大型应用程序.它有很多表格和它们之间的导航.我以“NavigationBasedProject"(xcode 模板)的形式开始了一个项目.但现在我需要在应用程序开始时添加登录.所以这是我到目前为止所做的:在“didFinishLaunchingWithOptions"中,我添加了: loginViewController = [[LoginViewController alloc]ini ..
发布时间:2022-01-17 11:05:08 移动开发