-
5 votesanswersviews
测试React Modal组件
对不起,我一直在努力尝试通过点击按钮来关闭我的React Modal . Modal尽可能简单,我已经尝试了我能想到或发现的一切,但我仍然无法查询它的孩子 . 模态组件: var React = require('react'); var Modal = require('react-bootstrap').Modal; var Button = require('react-bootstrap... -
0 votesanswersviews
从bootstrap模式中删除所有填充
您好我如何从bootstrap模式中删除所有填充和页边距,页脚和页眉空间 . 所有我想看到的是身体修复完全符合我的内容 . 提前致谢 . 我使用bootstrap 3?我没有使用页眉和页脚元素 . 只有模态,模态对话,模态内容和模态 . 到目前为止,我有以下内容,但我的内容仍有空间 . .modal-body { position: relative; overflow-y: au... -
1 votesanswersviews
Bootstrap Modal无法打开.hidden - > .show,当它尚未打开时
Situation: 两个模态(modal1和modal2 . 模态1应在modal1关闭后打开模态2) . 打开Modal1 单击按钮关闭Modal1并打开Modal2 javascript代码: $(“#btToOpenModal2”) . click(function(){$( '#modal1')模态( '隐藏') . setTimeout(function(){$('#m... -
2 votesanswersviews
ngx-bootstrap在同一页面上有多个可拖动的模态(非嵌套)
我是ngx-bootstrap的新手..使用ngx-bootstrap模态.. 使用子模态组件(@ViewChild('childModal')childModal:CommonModalComponent) 我能够创建简单的模态 . 要求是在同一页面上显示多个可拖动的模态 . 例如 . 页面上的两个按钮 . button1和button2 . 如果我点击button1而不是相应的modal-1... -
4 votesanswersviews
使用Vuelidate和Bootstrap Vue验证模式内的表单
开发人员,我在客户端使用vuelidate的字段 . 我也使用bootstrap-vue来创建模态,但是当我实现验证时,我无法通过一次单击使 Cancel 按钮清除字段和验证 . 它会关闭模态,清理字段,但是当我再次打开它时,字段显示红色,显示验证错误,我必须再次单击 Cancel 以清除验证(不要这样做!) . 我的模板和脚本如下 . TEMPLATE <b-modal id=&quo... -
1 votesanswersviews
Bootsfaces模式在<h:form>中不起作用
我是JSF的新手,我目前正在构建基于它的网络拍卖类型的应用程序 . 我还使用了Bootsfaces中的多个元素 . 我想要做的是有一个inputText,投标人可以在其中键入他们的出价,然后按下一个按钮,触发Bootsfaces模式 . 在模态中,投标人必须通过按下最终“提交”其出价的commandButton来确认他实际上想要出价 . 为了使其工作(如果我已经正确理解JSF是如何工作的),我需要... -
3 votesanswersviews
Onclick验证表单,如果有效只提交表单
我有一个html表单,我首先希望使用jQuery验证库jquery.validate.min.js和 if form is valid 进行验证,将表单提交到某个位置 . 我尝试过以下方法: <html> <head> <link rel="stylesheet" href="../../common/view/c... -
0 votesanswersviews
MVC,显示依赖于下拉列表的模态内容(ajax)
我不知道怎么做这样的事情 . 我有一个带有六个元素和按钮的下拉列表 . 当我点击按钮时,我想显示bootstrap modalpopup . 这很简单 . 但我想要取决于选择下拉 . 我的看法: <button type="button" class="btn btn-default" data-toggle="modal" dat... -
0 votesanswersviews
模态中的Bootstrap表单不提交
单击'submit'时,表单不响应(并且没有任何内容发送到服务器) . 我暂时从随机网站将表单的值设置为GET . 关闭按钮正确关闭模态 . 我工作了this example html body #editModal.modal.fade(tabindex="-1", role="dialog", aria-labe... -
1 votesanswersviews
从局部视图提交表单
我正在尝试从局部视图中生成的模态提交表单 . 我不知道如何取回提交的表格 . 这是观点: @model Myproject.ViewModels.GetMonitorFromDeviceViewModel @{ ViewBag.Title = "GetMonitorFromDevice"; Layout = "~/Views/Shared/Manage... -
1 votesanswersviews
如何从另一个组件显示react-bootstrap模式[重复]
这个问题在这里已有答案: Call child method from parent 7个答案 我有一个Meteor React应用程序,我正在开发我要在模式中实现登录/注册功能 . 我不确定如何通过单击我的注册或登录按钮来打开模式 我有以下两个组成部分: ui/components/main-layout/header/LoggedOutNav.jsx import React, { Com... -
0 votesanswersviews
@ ng-bootstrap / ng-bootstrap模态打开和关闭
使用angular 4.3.4,bootstrap 3.3.7,jQuery 3.2.1我似乎有@ ng-bootstrap / ng-bootstrap的奇怪问题这里是我stwp-by-step app.module 我已导入@ ng-bootstrap / ng-bootstrap模块并使用导入NgbModule.forRoot(),因为他们在文档中建议我也创建了名为"ModalMo... -
1 votesanswersviews
角度引导模态显示不会被触发
我试图从Angular Bootstrap实现一个简单的模态(https://ng-bootstrap.github.io/#/components/modal) 但是,当我单击示例中的按钮(本地实现)时, ngb-modal-window 元素不会转换为不透明度1.但是正如您所看到它确实包含正确的类(淡入淡出显示): Code: <ngb-modal-window role="d... -
172 votesanswersviews
垂直居中的Bootstrap模态窗口
我想将我的模态集中在视口(中间)我试图添加一些css属性 .modal { position: fixed; top:50%; left:50%; } 我正在使用这个例子http://jsfiddle.net/rniemeyer/Wjjnd/ 我试过了 $("#MyModal").modal('show').css( { 'margin-top': f... -
1 votesanswersviews
单击该行内单元格中的操作时触发的Angular Material表行(单击)事件
如何在不触发行(单击)事件的情况下触发mat-table中的按钮模式?我已经看过并阅读Angular Material 2 Table Mat Row Click event also called with button click in Mat Cell然而使用$ event.stopPropagation()的解决方案阻止了模式的显示 . 我按照https://stackblitz.com/... -
2 votesanswersviews
通过ESC键将函数绑定到Bootstrap Modal Close
我知道我们可以将一个函数绑定到bootstrap modal for close事件,如下所示: $("#myModal").on('hide.bs.modal', function(){ //run the script }); 但这仅适用于通过单击灰色区域或单击Firefox中的关闭按钮来关闭模式 . 但是每当我尝试通过ESC键关闭模态时,我的脚本就会运行 . ... -
0 votesanswersviews
AngularJS在提交表格后显示输入的数据
我的表单包含输入字段,单选按钮和选择框 . 如何在另一页或本页面的模态窗口上显示所有输入的数据? 对于收音机盒,我想在 getWord 中显示文本,但表单有2种语言 . <div class="form-group"> <div class="col-sm-offset-1"&... -
0 votesanswersviews
将值传递给用于PHP PDO查询的Bootstrap模式
我正在显示一个包含两个选项的值表,删除或更新 . 当我选择删除时,我想显示要删除的行 . 最后一点使用Bootstrap Modals . 这是我的删除模式 <div class="modal bounceIn animated" id="Delete" tabindex="-1" role="dialog" a... -
1 votesanswersviews
Bootstrap模式之上的jQuery UI对话框
我有一个Bootstrap模式,显示填充一些数据,如果数据不正确,实际上我显示一个警报,它显示在顶部 . 现在我有了新的要求,创建自定义警报对话框 . 在表单的其他部分,没有问题,但是当我有Bootstrap模式时,如果我以正常方式显示模态,它将出现在Bootstrap模式的底部(example in this fiddle) . 我看过其他问题,如this和this,我试过 z-index (e... -
0 votesanswersviews
Bootstrap Datetimepicker - 通过时间视图返回日历不起作用
我有一个bootbox,其中包含一个datetimepicker字段 . 我正在使用bootstrap-datetimepicker,当我在日期视图中时,我单击时间视图,然后单击日历以返回日期视图,它不起作用 . 有人能告诉我它可能是什么吗? HTML: <div> <h4 style="text-align:center">Informe a ... -
3 votesanswersviews
Bootstrap模态Datepicker表单值
我在bootstrap模式中有一个表单,它有一个使用bootstrap datepicker的输入 . 我使用此模式作为“更新”表单来更新已保存的数据库记录 . 值正确传递给表单 . 但是,如果我单击日期选择器输入,则会出现日期下拉列表,并且表单将丢失其所有值 . 请参阅:http://jsfiddle.net/fn8hmve8/ $('#form-update-task').on('show.b... -
1 votesanswersviews
使用jquery ajax的部分视图不会呈现
我在模式对话框上渲染局部视图时遇到2个问题 . 1)我使用ajax帖子,它调用动作,返回部分视图与联系人列表,我更新div,但它不显示 . 如果我关闭并重新加载对话框,则会显示该对话框 . 2)部分视图对话框中有jquery选择器找到但是val()为空的文本框元素 . 一直调试它并且很好......只是不渲染 . 模式: @model CRM.Model.Shared.ContactSearchM... -
1 votesanswersviews
Bootstrap模式中的Angular Input属性未定义
我正在尝试在Angular 4应用程序中实现Bootstrap 4模式 . 我不确定在另一个组件中是否有一个组件以某种方式影响行为,但我找不到为什么模态组件内的@Input参数总是未定义的原因 . 我想要一个可以点击行的表,然后点击每个行应该打开模态的详细信息 . 这是我有的: 父组件模板 <table class="table table-striped table-hover ... -
0 votesanswersviews
ngx-bootstrap:从子模态中关闭并重新打开模态
在我的Angular 4应用程序中,我有一个ngx-boostrap模态作为Modal Component . 在我的模态中有一个表格 . 当表单很脏时,我想阻止用户关闭模式 . 相反,我想: 关闭(临时)模态(保持其内容) 打开另一个(子)模态并带有确认消息"are you sure?" "yes" / "no" 如果用户单... -
5 votesanswersviews
来自子的父级的Angular2模态调用方法
需要使用ngx-bootstrap来使用模态 . 通过从父组件调用模态来尝试,在模态中执行任务,单击保存,然后将该数据返回给父级以基于结果运行方法 . 父组件调用 modalService 并将组件加载到其中 . this._bsModalRef = this._modalService.show(ConfirmActiveModalComponent); 加载的组件中包含一个方法: save()... -
1 votesanswersviews
Bootstrap模态:class =“modal fade”导致问题
我想在我的view.ejs文件中使用bootstrap模态教程 . 但 class="modal fade" 似乎造成了问题 . 如果我删除了类= "modal fade"模式永久显示,但如果我将它保留在代码中,当我点击按钮时没有任何反应 . <button type="button" class="btn btn-inf... -
0 votesanswersviews
Bootstrap模式未显示但似乎已打开
因此,我正在尝试添加引导模式,以在我的投资组合页面上显示有关我的项目的某些详细信息 . 但由于某种原因,模态没有显示任何东西 . 当我检查元素时,它覆盖了整个页面 . 我的相关代码是: 触发: <a class="projectbox" href="#" data-toggle="modal" data-target=".... -
3 votesanswersviews
尝试关闭时出现NgbModal错误
我已成功将NgbModal集成到我的Angular 2应用程序中,我目前在模态中显示了另一个组件 . 我遇到的问题是,一旦它出现,我点击关闭我收到以下错误消息: Cannot read property 'close' of undefined 现在我一直在关注Components as content我不确定我在这里真正想念的是什么 . 这是我的类型脚本文件: import { Compone... -
2 votesanswersviews
NgbModal关闭后刷新页面
我有一个组件使用 ngbModal 向我的数据库添加一些东西,问题是当Modal关闭并且POST动作发生时,我找不到一种方法来刷新我的"parent page"上显示的数据(在父组件我有一个加载数据的订阅), 那么有什么方法可以在关闭模态后动态刷新这些数据? 或者有没有办法在两个组件之间绑定数据?这样当一个数据被改变时,另一个数据就会改变 . 这是打开模态( lgModalSh... -
0 votesanswersviews
TinyMCE与ng2-modal无法正常工作
我正在为我的Angular 4应用程序使用ng2-bootstrap:https://www.npmjs.com/package/ng2-modal 我在模态中使用TinyMCE编辑器 . 在bootstrap模式中运行TinyMCE编辑器很痛苦,我看到每个人都在网上论坛上抱怨它 . 做一些研究我发现如果在模态打开后初始化,编辑器将在bootstrap模式中工作,所以这就是我所做的: initia...