天道酬勤,学无止境

modal-dialog

How do I open modal using bootstrap 4 by clicking a hyperlinked table cell and populate data in the model from SQL database using the clicked ID

I have a page which displays data from SQL in a table and on that table one cell is hyperlinked and I want a modal (using bootstrap) to open and fetch data using the ID (the hyperlink value) and populate with data on the body in modal from SQL. I have tried different approaches but none is working well. The modal opens up but its not prominent as if its opening in background. Please help me with this. Used Links in HEAD: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min

2021-10-24 00:24:17    分类:问答    php   ajax   twitter-bootstrap   modal-dialog   bootstrap-modal

实现无法在模态中工作的滑动选项卡(Materialize swipe tabs not working in modal)

问题 我遇到了一个奇怪的问题。 我在实体化选项卡上使用滑动,当我在没有模态的情况下进行滑动时它工作正常,但是当我将它们包含在模态中时,滑动功能不再起作用 $(document).ready(function() { $('.modal').modal(); $('.tabs').tabs({ swipeable: true }); }) div.tabs-content.carousel.carousel-slider { height: 200px !important; } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/css/materialize.min.css"> </head> <body> <li><a href='#profession-registration-modal' class='orange darken-1 modal-trigger'>Open</a></li> <div id="profession-registration-modal"

2021-10-23 22:51:50    分类:技术分享    javascript   jquery   tabs   modal-dialog   materialize

REACT NATIVE - 关闭导入模式时更改屏幕状态(REACT NATIVE - Change state of screen when close import modal)

问题 当我关闭模态时,我需要检测它是否已关闭以更改父页面的状态。 当我更改状态的任何属性时无法更改它,模态。 专家反馈.js import ModalExpertFeedback from './ModalExpertFeedback'; export default class ExpertFeedback extends Component { constructor(props) { super(props); this.state = { modalVisible: false, projects: [{name:'project0', name:'project1'}], feedback: {title: '', content: '', project_id: ''} }; } proveProjectIsntNull() { if (this.state.feedback.project_id != null){ this.setModalVisible(true); } else { this.setModalVisible(false); Alert.alert('Select a project please'); } } setModalVisible(visible) { this.setState({modalVisible: visible}); }

2021-10-23 21:31:46    分类:技术分享    reactjs   modal-dialog   state   native   react-props

bootstrap 使用什么使背景变得被动(what does bootstrap use to make backdrop passive)

问题 我正在尝试仅使用 CSS 和 jQuery 创建一个类似 Bootstrap 的模式,而不使用 Bootstrap。 但是在启动模态后,背景仍然处于活动状态。 我该怎么做才能使它被动,以便在滚动时只有模态内容滚动,如果在模态窗口外单击,它会关闭? 请分享您的建议。 下面是我的代码片段。 $(document).ready(function() { $(".modal").hide(); let flag = 0;//hidden $("#launch-button").click(function(){ $(".modal").slideDown(200, function() { $(".bg-body").click(function(){ $(".modal").slideUp(200); flag = 0;//hidden $(".bg-body").css("opacity","initial"); }); }); flag = 1;//visible $(".bg-body").css("opacity","0.3"); }); $("#save-btn").addClass("close-button") $(".close-button").click(function(){ $(".modal").slideUp(200); flag = 0;/

2021-10-23 18:44:43    分类:技术分享    jquery   modal-dialog   bootstrap-modal

ionic2 - 在警报控制器标题和按钮中显示离子图标(ionic2 - show ion-icon in alert controller title and buttons)

问题 在 ionic 2 应用程序中,是否可以在警报控制器中添加离子图标,如下所示 let showAlertCtrl = this.alertCtrl.create({ title: '<ion-icon ios="ios-add" md="md-add"></ion-icon>' +'Add your info', cssClass: 'myCustomCSS', message: msg, enableBackdropDismiss: false, buttons: [ { text: '<ion-icon ios="iOS-search" md="md-add"></ion-icon>' +' Ok', cssClass: 'customAlertBtn', handler: (data: any) => { } },] }); showAlertCtrl.present(); 需要在标题和按钮上显示离子图标图像。 那可能吗? 我也知道我们可以使用模态来实现这一点。 但我的首要任务是在警报控制器中检查它。 谢谢AK 回答1 回复有点晚。 我今天试图实现这一目标,我做到了: 在 app.scss 中创建一个 css 类并将该类添加到警报选项“cssClass”中。 应用程序.scss .yourClass{ background-image: url(your-image

2021-10-23 10:13:05    分类:技术分享    angular   ionic2   modal-dialog   ionic3   ionicons

如何为硒的模态选择反应选择元素(How to select elements for react select on modal for selenium)

问题 以下是我想要做的:项目是用 ReactJS 构建的,我正在使用 Selenium WebDriver 和 Java。 单击按钮(我可以这样做) 这将打开一个模态,其中有反应选择组件。 我想在这个选择中选择一个元素。 HTML代码: <div class="row"> <div class="col-xs-7"> <div class="Select kpi-select is-searchable Select--single"> <div class="Select-control"> <span class="Select-multi-value-wrapper" id="react-select-19--value"> <div class="Select-placeholder">Select KPI</div> <div class="Select-input" style="display: inline-block;"> <input id="add-kpi-kpi-select" aria-activedescendant="react-select-19--value" aria-expanded="false" aria-haspopup="false" aria-owns="" role="combobox" value="" style="box

2021-10-23 06:24:42    分类:技术分享    java   reactjs   selenium   selenium-webdriver   modal-dialog

Angular Material Dialog:当它们在父组件中发生变化时如何更新注入的数据?(Angular Material Dialog: How to update the injected data when they change in the parent component?)

问题 将数据注入材质对话框运行良好,但是如果这些数据在父/打开器组件中发生更改(例如来自(WAMP)订阅),如何自动更新这些数据? [更新] 我创建了一个最小版本来尝试行为如何:https://stackblitz.com/edit/angular-njh44v?embed=1&file=src/app/app.component.ts 打开右下角的控制台,然后单击带有数字的灰色框。 您会看到对话框获取当前编号,之后不再更新。 [/更新] [更新2] 基于 Jusmpty 的第二个想法,这看起来一见钟情(即使对话框在数据到达后第一次显示/更新):https://stackblitz.com/edit/angular-thd34f?embed=1&file=src /app/app.component.ts [/更新] 具体案例如下: 有一个区域组件订阅 WAMP 服务并获取包含部分的所有数据。 这将使用 *ngFor 绘制所有部分。 文件area.component.ts 每个部分都有一个自己的组件,显示一些数据。 如果订阅中的数据发生更改,则视图会针对每个/所有部分正确自动更新。 文件part.component.ts和part.component.html 在每个部件上单击打开一个对话框,其中显示更多数据。 文件part-details-dialog.component

2021-10-22 23:13:57    分类:技术分享    angular   dialog   modal-dialog   angular-material

如何以编程方式调整模态视图的大小 (SWIFT)(Howto Size the Modal View programmatically (SWIFT))

问题 我只是想在现有的主 UIViewController/UIView 上显示一个小选项对话框,这样在 iPad 上我会看到一个小对话框,而在背景中我会看到主视图。 我设法以模态视图样式显示 UIViewController/UIView 如下: func showoptions(){ let storyboard = UIStoryboard(name: "Main", bundle: nil) let controller = storyboard.instantiateViewControllerWithIdentifier("Options") as! UIViewController controller.modalPresentationStyle = UIModalPresentationStyle.Popover let popoverPresentationController = controller.popoverPresentationController // result is an optional (but should not be nil if modalPresentationStyle is popover) if let _popoverPresentationController =

2021-10-22 21:51:42    分类:技术分享    swift   uiview   uiviewcontroller   modal-dialog

Howto Size the Modal View programmatically (SWIFT)

I simply want to present a small option dialog over an existing main UIViewController/UIView , so that on an IPad I would see a small Dialog and in the Background I will see the Main View. I managed to show a UIViewController/UIView in a modal view style as follow: func showoptions(){ let storyboard = UIStoryboard(name: "Main", bundle: nil) let controller = storyboard.instantiateViewControllerWithIdentifier("Options") as! UIViewController controller.modalPresentationStyle = UIModalPresentationStyle.Popover let popoverPresentationController = controller.popoverPresentationController // result

2021-10-22 20:04:40    分类:问答    swift   uiview   uiviewcontroller   modal-dialog

Popup not returning values in form with errors

I am using ASP.NET Core 2.1, C#, MVC. I have a modal popup and when I submit the form with ajax not showing the errors of the model (required fields etc) on the same popup window, it just shows the modal like the photo below without any changes. What I am doing wrong and how i can show the required fields if not completed after post pack? I think the problem is modal popup is not refreshing. before post back and after post back: Popup View: @model CharityProject.Models.UserInfos @{ ViewData["Title"] = "Create"; Layout = ""; } <h2>Create</h2> <h4>UserInfos</h4> <hr /> <div class="row"> <div

2021-10-22 19:37:44    分类:问答    javascript   c#   ajax   model-view-controller   modal-dialog