如何在搜索框值与数据库不匹配时打开Modal
在搜索框值与数据库不匹配时打开Modal，可以通过以下步骤实现：
- 首先，需要在前端开发中监听搜索框的输入事件。可以使用JavaScript或其他前端框架来实现。当搜索框的值发生变化时，触发相应的事件。
- 在事件处理程序中，将搜索框的值发送到后端进行数据库查询。后端可以使用后端开发语言（如Java、Python、Node.js等）来处理请求，并与数据库进行交互。
- 后端接收到搜索框的值后，可以使用数据库查询语言（如SQL）来查询数据库中是否存在匹配的数据。如果查询结果为空，表示搜索框的值与数据库不匹配。
- 在后端判断搜索框的值与数据库不匹配后，可以返回一个相应的标识给前端，告知搜索结果为空。前端可以根据这个标识来触发打开Modal的操作。
- 在前端中，可以使用CSS和JavaScript来创建和控制Modal。当接收到后端返回的标识时，可以通过JavaScript代码来打开Modal，并展示相应的提示信息。
以下是一个示例的前端代码：
<!DOCTYPE html>
<html>
<head>
<style>
/* CSS样式用于控制Modal的显示和隐藏 */
.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.4);
}
.modal-content {
background-color: #fefefe;
margin: 15% auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
}
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
</style>
</head>
<body>
<input type="text" id="searchBox" oninput="checkDatabase()">
<!-- Modal -->
<div id="myModal" class="modal">
<div class="modal-content">
<span class="close">×</span>
<p>No matching results found!</p>
</div>
</div>
<script>
function checkDatabase() {
var searchValue = document.getElementById("searchBox").value;
// 发送搜索框的值到后端进行数据库查询
// 这里使用了fetch API来发送异步请求，可以根据实际情况选择其他方式
fetch('/checkDatabase', {
method: 'POST',
body: JSON.stringify({ searchValue: searchValue }),
headers: {
'Content-Type': 'application/json'
}
})
.then(response => response.json())
.then(data => {
if (data.matchingResults === false) {
// 搜索结果为空，打开Modal
var modal = document.getElementById("myModal");
modal.style.display = "block";
// 当用户点击Modal上的关闭按钮时，关闭Modal
var closeBtn = document.getElementsByClassName("close")[0];
closeBtn.onclick = function() {
modal.style.display = "none";
}
}
});
}
</script>
</body>
</html>在上述示例中，前端使用了一个输入框（id为"searchBox"）来接收用户输入的搜索值。当输入框的值发生变化时，调用checkDatabase()函数来发送搜索值到后端进行数据库查询。
后端接收到搜索值后，可以根据实际情况使用相应的数据库查询语言（如SQL）来查询数据库中是否存在匹配的数据。如果查询结果为空，返回一个标识（如{ matchingResults: false }）给前端。
前端接收到后端返回的标识后，判断搜索结果是否为空。如果为空，则打开Modal（id为"myModal"），展示相应的提示信息。用户可以点击Modal上的关闭按钮来关闭Modal。
请注意，上述示例中的代码仅为演示目的，实际情况中需要根据具体的开发框架和需求进行相应的调整和优化。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云前端开发相关产品：https://cloud.tencent.com/product/web
- 腾讯云后端开发相关产品：https://cloud.tencent.com/product/cdb
- 腾讯云数据库相关产品：https://cloud.tencent.com/product/cdb
- 腾讯云服务器运维相关产品：https://cloud.tencent.com/product/cvm
- 腾讯云云原生相关产品：https://cloud.tencent.com/product/tke
- 腾讯云网络通信相关产品：https://cloud.tencent.com/product/vpc
- 腾讯云网络安全相关产品：https://cloud.tencent.com/product/ddos
- 腾讯云音视频相关产品：https://cloud.tencent.com/product/vod
- 腾讯云多媒体处理相关产品：https://cloud.tencent.com/product/mps
- 腾讯云人工智能相关产品：https://cloud.tencent.com/product/ai
- 腾讯云物联网相关产品：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发相关产品：https://cloud.tencent.com/product/apigateway
- 腾讯云存储相关产品：https://cloud.tencent.com/product/cos
- 腾讯云区块链相关产品：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙相关产品：https://cloud.tencent.com/product/3d
相关·内容
我正在创建一个搜索框。例如，当我在搜索框中输入'Tec‘时，没有打开其自动选择的模式，当我只输入'R’时，则打开与模式相关的T值。 $('#customer_1').keypress(function (e) {
if (e.which == 13) {
supplier_id = $("#customerid_1").val();
if ($('#customerid_1').val() == '') {
var search_customer
浏览 17提问于2019-10-12得票数 0
我是初学者，我不知道如何在stage的同一个窗口打开一个新的javaFX8？
Stage modal_stage = new Stage();
modal_stage.setScene(new Scene(root, 500, 575));
modal_stage.setTitle("modal");
modal_stage.initModality(Modality.APPLICATION_MODAL);
modal_stage.initOwner(modal_stage.getOwner());
modal_stage.setResizable(false);
modal_
浏览 1提问于2016-10-12得票数 2
回答已采纳
我在jquery和ajax中打开对话框中的第二个对话框时遇到一些问题。下面是Jquery代码：
$( "#dropdownuser" ).dialog({
autoOpen: false,
show: "blind",
height : 600,
width : 1000,
modal: true,
buttons: {
"Okay": function() {
$( "#dialog"
浏览 0提问于2013-02-04得票数 0
回答已采纳
我有一个access DB，其中有一个“快速搜索”表单，它只是一个文本框，在搜索的记录上打开我的"Customer“表单。现在，我想要添加的是某种错误处理程序，在搜索没有匹配的情况下(而不是在没有数据的情况下打开我的"Customer“表单)，它会提示一个"No result”消息框。
这是我当前单击“搜索”按钮的代码：
Private Sub btnSearch_Click()
DoCmd.OpenForm "frmCustomerViewer", acNormal, , "[FirstName]='" & Me.txt
浏览 6提问于2014-07-19得票数 0
回答已采纳
2回答
我试图在jquery对话框中打开asp.net mvc视图。
下面是我试图打开对话框的视图：
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function () {
$('#my-dialog').dialog({
autoOpen: false,
浏览 0提问于2014-07-12得票数 0
回答已采纳
我刚开始使用jquery，请帮我解决以下问题。
我有一个模式弹出，在弹出里面我有两个asp按钮(搜索和关闭)。单击搜索按钮，我想要执行验证，然后启动服务器按钮，单击事件，单击关闭按钮，我想关闭对话框。
所面临的问题： 1.点击搜索，就会进行jquery验证，但是服务器端事件不会被触发。2.单击“关闭”后，对话框将第一次关闭，但单击“搜索”按钮一次后，“关闭”JQUERY将不会被触发。
下面是代码：
按钮打开对话框
<asp:Button ID="btnOpenDialog" runat="server" Text="Change"/>
浏览 4提问于2014-01-19得票数 0
1回答
我想知道是否有人能帮我解决我遇到的问题。我正在使用Asp.net和JQuery UI 1.9.2。我的表单上有一个文本框和一个搜索按钮。单击按钮时，服务器端将查询数据库并将所有结果存储在Gridview中。为了使DataTable与Asp.Net网格视图一起工作，我在CS中执行以下操作：
protected override void OnPreRender(EventArgs e)
{
base.OnPreRender(e);
// No point to change settings if there isn't any rows
if (this.gr
浏览 3提问于2013-08-23得票数 0
回答已采纳
我有一张桌子，上面有实时搜索。此表中有一个链接，可打开可进行某些更改的模式。当不进行搜索时，模式可以工作。但在搜索、清空表内容时，我会将传入ajax的数据打印到表中。不幸的是，打开modal的链接不能打开modal 这是我用jQuery打印的链接： 这是jQuery代码： 下面是我打印传入数据的代码：
浏览 58提问于2021-01-27得票数 0
回答已采纳
我通过单击一个按钮来打开引导模式。将打开模式，并且有一个输入字段与datepicker挂钩。我在文本框中单击，就会看到日历。我关闭了模式。我再次打开模式，然后在文本框中单击，日历不显示。当我第二次打开模式并点击文本框时，为什么datepicker没有出现？
我有一个部分视图_RequestAppointment，在底部有以下javascript。
<script>
$(function () {
$(".requestedAppointmentDate").datepicker();
$('#myModal'
浏览 2提问于2015-07-02得票数 0
我已经创建了一个搜索栏，在页面上的每个段落中搜索一个特定的关键字。每个段落在表中都有自己的列。当它搜索数据库时，我似乎无法选择一个特定的框。这就是我所拥有的，我使用PHP来完成它，这就是为什么SQL在变量之下的原因
$sql = "SELECT (???) FROM article WHERE title LIKE '%$search%' OR paraOne LIKE '%$search%' OR paraTwo LIKE '%$search%' OR paraThree LIKE '%$search%';";
浏览 3提问于2022-01-16得票数 -1
2回答
好的，现在已经有一天了，几乎是在搜索Modal框，在Modal框中显示一个完整的.HTML文件，而不是在新窗口或选项卡中打开它。
更确切地说：
<a href="ajax.html" rel="modal:open">example</a>
此ajax.html文件应在同一窗口的“模式框”中打开。
我怎么才能通过锚标签来区分它呢？
我已经彻底搜索过了，但是除了这个(Example#4)之外，没有找到好的解决方案。这是在现场工作，但不工作，当我下载它。
。
我不想使用iframe。
浏览 7提问于2014-03-02得票数 3
回答已采纳
我使用Regex从selenium.webDriver网页上的搜索框中检索某些内容。
searchbox = driver.find_element_by_class_name("searchbox")
searchbox_result = re.match(r"^.*(?=(\())", searchbox).group()
只要搜索框返回与Regex匹配的结果，代码就能工作。但是，如果搜索框使用字符串"No results"应答，则会得到错误：
AttributeError：'NoneType‘对象没有属性'group’
浏览 1提问于2015-06-21得票数 20
回答已采纳
我有一个模式窗口，打开时，用户集中在搜索输入框。但是目前当模态打开时，模态背景覆盖会阻塞它。如何将模态叠加背景移动到更低的位置，这样用户仍然可以在模式窗口保持打开时键入搜索输入框。
<form>
<input type="email" class="form-control border-left-none" id="openmodalOnfocus" placeholder="enter text">
</form>
<div class="modal hide
浏览 2提问于2014-05-19得票数 1
回答已采纳
3回答
我正在开发一种工作服务，它具有径向搜索、全文搜索、全文搜索和禁用某些工作列表的功能(例如取消选中文本框并不再返回全职工作)。
在Sphinx上工作的开发人员希望所有数据库信息都存储为带有键的intergers (因此，在"Job Type“表下，可能会存储1=”part time“和2=”full-time“等值)……而其他开发人员则希望将数据库保留为字符串(因此在"Job Type“表中显示为”部分时间“或”全职“。
有没有理由让数据库保持整型？或者字符串应该没问题？
谢谢!
沃克
浏览 0提问于2010-07-14得票数 2
回答已采纳
我有一个下面的jQuery对话框，我想在打开之前更改对话框中的div的内容。然而，我似乎不能理解它，谁能帮上忙？
<div id="dialog" title="Basic dialog">
<div id="data"></div>
</div>
$("#dialog").dialog({
bgiframe: true, height: 140, modal: true, autoOpen: false
});
$("#data").html = &#
浏览 2提问于2009-11-20得票数 1
回答已采纳
我试图从另一个模态对话框中打开一个模态对话框，通过搜索网络，我可以看到人们以前没有问题地这样做过，但我似乎无法让它正常工作。
当我尝试从第一个模态组件创建我的第二个模态组件时，它说：
TypeError: this.modal.create不是一个函数
这是我的代码(加上相关的部分)。
Component.module.ts
@NgModule({
declarations: [
QuizResultComponent,
AnswerRecapComponent
],
imports: [CommonModule, FormsModule, IonicMod
浏览 0提问于2019-04-02得票数 6
1回答
我正在制作一个安卓应用程序，它在MongoDB中存储了300万个城市标志。根据当前的google地图视图，我对Mongo进行地理空间框查询，以获取屏幕上当前视图中的所有标记。
如果用户想要更改视图，他/她也可以执行一个城市的文本搜索，这将在标记集合中查询三个名称字段并显示结果。目前，我使用Mongo进行此操作，但由于命名约定，它根本不能很好地工作(独立案例的搜索速度慢，普通搜索速度快，但如果用户忘记大写/大写错误的字母，则不准确)。
谷歌的地图服务可以搜索地图吗？我不想找餐馆或书店，只想找城市。
例如，如果我想搜索“洛杉矶”，我希望地图会带我去洛杉矶，而不是显示任何谷歌标记，让我的标记正常加载
浏览 2提问于2013-01-29得票数 1
2回答
我想让一些下拉列表看起来像一个文本框，而不会失去浏览列表的能力，我希望列表自动选择与文本框中的文本匹配的列表项(可搜索的DropDownList)。
如果文本与任何列表项不匹配，则将此值插入查找表中。
我在其他文本框中使用AutoCompeleteExtender，但是使用这个扩展程序，用户无法打开列表并选择特定的项。
如果有更好的练习，我会很高兴知道的。
浏览 3提问于2015-05-27得票数 0
回答已采纳
我试图使用下面的代码将一个对象传递到引导/angularJS中的模态对话框中。我这样做的方式是在给出的答案。当模式表单应该从对editGroup()的调用中打开时，我得到以下错误：
错误：$injector:unpr未知提供程序: selGroupProvider <- selGroup
var EditGroupModalController = function ($scope, $modalInstance, selGroup) {
$scope.user = $sessionStorage.user;
$scope.selG
浏览 0提问于2015-05-28得票数 0
回答已采纳
1回答
我设置了一个，通过跳转框可以很好地连接到：
mongo --ssl --host aws-host:27017 --sslCAFile rds-combined-ca-bundle.pem --username my_user --password <insertYourPassword>
我希望能够通过本地主机连接到它进行一些测试。我无法直接连接，所以我试图从我的跳跃中打开一条隧道：
ssh -i ~/.ssh/my-key user@my_jump -L 27017:aws-host:27017 -N
之后，我尝试了基本的MongoDB连接命令：
mongo --ssl --h
浏览 0提问于2019-03-14得票数 4
回答已采纳
我使用的是bootstrap模型，它工作得非常好。但问题是，当我打开模式时，我无法编辑文本框，因为模式完全阻止文本框访问它。如何使文本框可编辑，即使引导模式是打开的？下面的代码片段反映了上面的问题！
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jq
浏览 1提问于2017-11-24得票数 0
我和jQuery的关系不是很好，最近我遇到了麻烦。我有一个jQuery UI对话框，当用户在index.html上触发它时，它会打开。在用户触发它打开之前，它在index.html上是隐藏的。在另一个单独的html页面上，我有一个链接到index.html的按钮，但我需要做的是，当用户单击此链接时，它会将用户带回index.html，并触发对话框模式窗口自动打开。
我让它在某种程度上工作，但我想找到一个替代的解决方案，我不使用URL来使它工作。
“返回”链接的HTML
<a href="index.html#dialog">Go back</a>
我的j
浏览 4提问于2013-05-21得票数 0
我有一个Model，我想在代码点火器页面的一个特定页面上打开它(它是如何工作的)。
在“我的观点”中，以下代码用于模型框：
<!-- Model -->
<div class="modal" id="how_its_modal" role="dialog" style="display: none;">
<div class="modal-dialog">
<!-- Modal content-->
<div class=
浏览 4提问于2022-05-28得票数 -3
我的剃须刀上有一个ActionLink
@Html.ActionLink(item.sifra_pozicije, "UnosuProjekat", "Projekti", new { pos = item.sifra_pozicije.ToString() }, new { @class = "openDialog" })
生成HTML代码<a href="/Projekti/UnosuProjekat?pos=VSG010001" class="openDialog">VSG010001</
浏览 1提问于2014-04-08得票数 0
2回答
我有这个代码来检测按键，并通过搜索“id=”直接输入到我的搜索栏。
$( document ).keypress(function() {
$("#search").focus();
我还有一个带输入域的bootstrap模式对话框。是否有一种方法可以检测模式是否打开--如果它是打开的，则将输入定向到模式的第一个字段？
<div class="modal fade" id="signup" role="dialog">
<div class="modal-dialog">
浏览 1提问于2015-12-16得票数 1
我设计了一个日历。在选择日期后，我必须打开一个对话框。我使用了一个筛选选项来选择日期。它工作得很好。但问题是，对于无效日期，对话框也是打开的。我只想在可用日期开放。有什么建议吗？示例位于中
jQuery("#calendar").selectable({
filter: ".available",
stop: function() {
jQuery( ".ui-selected", this ).each(function() {
result.pu
浏览 0提问于2012-07-04得票数 0
回答已采纳
我在textbox里面有一个小的搜索图像，从textbox到search图像，当我们按enter键的时候，我们需要打开.when，modal.How，我们能做到吗？我们还需要在单击已有代码的search Image.This部分时打开对话框。
$('.searchimage').bind('click',function(){
//Open Dialog and pass the parameters
to that dialog that are necessary.
});
浏览 0提问于2011-02-17得票数 0
回答已采纳
我是StackOverflow的新手，所以请原谅我对这个问题措辞不当。我目前正在学习React，作为一个小项目，我正在创建一个课程搜索应用程序，它将根据用户从JSON文件输入的输入来过滤课程并显示它们。我已经添加了模块到每个卡组件，它应该在点击卡内的一个按钮打开。我面临的问题是，当我单击按钮时，它只打开首先单击的模式，而没有其他按钮。
以下是代码：
import MyModal from '../Modal/Modal'
import courseList from "./courses.json";
class App extends Component
浏览 0提问于2020-05-16得票数 0
回答已采纳
3回答
我正在使用data-uk- code打开一个模式框，当我点击按钮时，它的打开是完美的，但我只想在页面加载时打开它，我有以下代码
<button class="md-btn md-btn-success" data-uk-modal="{target:'#my_id'}">Open Dialogue</button>
<div class="uk-modal" id="my_id" >
<div class="uk-modal-dialog"&g
浏览 1提问于2015-08-31得票数 3
回答已采纳
我正在尝试在jqueryui对话框打开后更改它的背景。要求阻止我在样式表中设置它，因为背景颜色或图像对于单击链接的人是唯一的(背景色是从数据库中提取的)。
当我在对话框加载后运行下面的jquery命令来更改div的css时，它没有做任何事情吗？
$("#modal_popup_website").css("background","red !important");
或
$("#modal_popup_website .ui-dialog-content").css("background","red !i
浏览 2提问于2013-01-24得票数 0
回答已采纳
1回答
我怎么知道是哪个按钮触发了启动模式对话框的打开？
<a href="#" data-toggle="modal" data-target="#myModal">
Button 1
</a>
<a href="#" data-toggle="modal" data-target="#myModal">
Button 2
</a>
Javascript
$('#myModal').on('shown.bs.mod
浏览 0提问于2016-09-22得票数 11
回答已采纳
我想为用户提供的能力，打开一个使用PHP/HTML构建的表单，然后在该表单上有一个框，允许他们搜索员工，然后想要发送表单，而不必在这个阶段提交表单。
他们将得到一个搜索框，允许他们输入姓名或部件名称，然后查询找到与输入字符串匹配的所有员工，然后他们选择正确的员工，该受访者被添加到列表中，然后他们搜索下一个员工，依此类推，直到他们添加了任意数量的员工。
一旦他们选择了名字，他们然后在表单上填写一些其他的标准字段，然后在"forms“表中为每个发送的请求创建一个单独的条目。
高兴的是如何在输入到数据库等方面的最后一部分，以及如何在PHP/MySQL中做一个“正常”的搜索，但我应该做什么为一
浏览 0提问于2012-05-29得票数 0
回答已采纳
我正试图在用户单击的位置打开一个模式对话框。模式对话框应该打开一个计时器事件，基本上mouseDown启动一个计时器，并清除它，如果足够的时间过去了，我想打开对话框。需要在单击的位置打开该对话框。我实现了这一切，但是我不知道如何设置对话框的位置，我使用的是angular引导模式对话框。
有什么想法吗？
下面是我的代码片段。
var timer = null;
var lastSceneSelectedLocation = { } ;
// handle / prepare for context menu event
$scope.mouseDown = function(ev
浏览 3提问于2014-01-07得票数 2
1回答
我是Oracle APEX (22.11版)的初学者，我希望有人能帮助我：
我有一个互动报告作为母页。我使用(简单) sql查询获取数据。还有一个，它工作得很好。它打开一个空的Modal对话框表单，在那里我可以填写条目。有一个动态操作，它通过关闭对话框刷新此交互式报告。
在另一个页面上，我有这个Modal对话框表单，它使用与父页面相同的sql查询，并有四个按钮'Cancel‘、'Delete’、'Save‘和'Create’。我还选择了一个主键并执行不同的设置：
在“处理”下，我创建了表单-自动行处理()，并在插入“保存”的后返回主键(S)：操作:提交页面数据库
浏览 6提问于2022-09-20得票数 0
回答已采纳
4回答
在我的网页上，我有一个按钮，打开一个模态jQuery对话框。单击按钮时运行的代码如下：
$('#main-onoffline-container').append('<div id="dialog-modal-a"></div>');
$("#dialog-modal-a").dialog({
title:'Add Tags'
, autoOpen: false
, modal: true
, height: 540
浏览 3提问于2011-09-30得票数 3
回答已采纳
6回答
我有一个Asp.Net MVC应用程序，在1个视图中，我有一个列表，每个记录都显示编辑图标。单击编辑图标将打开一个模式对话框弹出窗口，用于更新记录。
我在关闭对话框后重新打开对话框或单击弹出的其他编辑图标时遇到问题。下面是打开对话框的jquery代码：
var singltym;
$(function () {
$('#addSingleTimeDialog').dialog({
cache: false,
autoOpen: false,
width: 450,
hei
浏览 1提问于2013-05-30得票数 4
回答已采纳
如何打开一个模式框，其中包含来自另一个页面的内容，其中的URL在单击时会发生变化(就像Twitter.com所做的那样)？
请看看Twitter.com做了什么。
我有一个简单的例子，它的工作原理与我想要的完全一样，只不过在调用Modal Box时URL不会改变。
我有两个文件"Call.html“和"Test.html”
以下是文件的内容：
Call.html
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css"
浏览 2提问于2017-09-21得票数 1
回答已采纳
1回答
我有一份更新产品细节的表格。正如您在图像上所看到的，如果输入'SatışFiyatı‘(18.00)大于它的输入下移，我想打开带有确认的模态框。但是我想在点击submit按钮(Güncelle)之后做这个动作。
不久，我将单击submit按钮，javascript将检查该值是否更大。如果更大，它将打开模态盒与合并按钮。如果不是更大，直接提交表单，没有打开模式框。
下面是我现在点击提交时可以打开模式框的代码：
<input type="button" name="btn" value="Güncelle" id=
浏览 2提问于2017-04-20得票数 2
回答已采纳
我正在成功地打开一个JQuery对话框模式。我的第一个JQuery函数打开对话框，第二个jquery函数将对话框位置设置为top。我想合并这两个函数，请看我的代码：
$(function () {
$("#modal-registration").dialog({
autoOpen: false,
height: 400,
width: 380,
model: true
});
$('#modal-registration').dialog({ position: '
浏览 0提问于2014-11-01得票数 0
在OracleAPEX22.1(OracleDatabaseEE21c)中，我有一个Modal对话框，它有一个带有多个按钮的按钮容器。将根据对话框变量0或1中的项显示或不显示这些按钮。
当我按下"UnDelete“按钮时，会触发PL/SQL执行类型的动态操作，然后更改数据库中一个字段的值，然后再执行两个Refresh操作。PL/SQL执行类型成功地更改表数据库中字段的值，第一个动态操作刷新Modal对话框上的经典报告区域，显示字段的新正确值。
第二个刷新真操作尝试刷新Modal对话框的Button容器区域，以隐藏按钮"UnDelete“并显示rest按钮，这些按钮都是基于此变量
浏览 7提问于2022-11-10得票数 0
回答已采纳
2回答
如何启用单击外部对话框
、、、
我有一个运行的角9应用程序，我已经创建了自定义对话框。从现在起，一旦对话框打开，我只能单击对话框中的按钮。
dialog.component.html
<div class="modal">
<div class="modal-body">
<ng-template #content></ng-template>
</div>
dialog.component.css
.modal {
display: block;
position: absolute;
z-ind
浏览 2提问于2020-04-14得票数 2
回答已采纳
我到处找这个都是徒劳的。
我在一个Excel文件(SplitTickets.xlsm)中有一个宏，它循环遍历3个单独的Excel文件。打开SplitTickets时，会出现一个带有按钮的对话框来启动宏。
由于我不希望用户在宏运行时使用意外的键或单击来破坏excel，所以我希望将对话框保存在打开、修改和关闭的所有文件之上，并在进程结束时更新显示的标签。
我尝试将其设置为modal，但由于宏需要选择工作表、单元格和范围，因此modal对话框将阻止正在执行的宏的其余部分。关闭modal会使其消失在宏操作的混乱之下。
如何在不打开modal的情况下将此对话框保持在顶部
浏览 3提问于2013-12-05得票数 1
回答已采纳
1回答
使用引导模式对话框的id="myModal"
<div id="myModal" class="modal fade" role="dialog">
...
</div>
我可以通过单击一个简单的<a>来调用它。这是因为<a>的data-target属性链接到模式对话框的id myModal：
<a data-toggle="modal" data-target="#myModal">Click Here</a>
我想知道是否有
浏览 0提问于2016-11-13得票数 2
回答已采纳
我目前使用的角度用户界面引导$modal显示一个对话框，让用户搜索和选择一个文件。文件列表来自box.com，因此我使用box搜索文件，并生成一个缩略图显示在搜索结果中的每个文件旁边。
缩略图生成非常慢，用户需要在同一个页面中多次调用此搜索对话框。因此，如果搜索对话框在重新打开时包含前面的搜索结果，这将对用户很有帮助。
问题是如何重用(即显示/隐藏)相同的模式实例？棱角用户界面似乎每次都会破坏/重新创建对话框。角度带也是一样的。
编辑
这是一个
var app = angular.module('plunker', ['ui.bootstrap']);
var
浏览 3提问于2014-02-05得票数 12
我在一个模式窗口中使用jquery.simpleModal创建了一个表单。因为simpleModal克隆初始div的内容来创建模式对话框，所以我必须在创建模式对话框之后重新绑定事件处理程序。我的代码看起来像这样：
function showForm() {
$('div.contactUs').modal({
opacity: 80,
overlayClose: true,
autoResize: true
});
var container = $('.simplemodal-containe
浏览 0提问于2011-01-28得票数 0
回答已采纳
我正在使用HTML5 5/Bootstrap 3、CSS和PHP进行一个学校项目，我有一个关于PHP & Javascript(jQuery Ajax)的问题。
因此，我有一个链接"Click“，它通过代码在一个模式框中打开一个远程php文件(让我们称之为edit.php)：
<a data-toggle="modal" class="btn btn-info" href="prijzenWijzigen.php" data-target="#myModal">Click me !</a>
浏览 9提问于2014-05-21得票数 0
回答已采纳
1回答
我对react测试库有异议。我为一个模式窗口编写了一个测试用例，该窗口在编辑器上打开，然后接近于火关闭事件。但是在“图像”按钮上单击，但它没有显示打开的类作为呈现的模式在测试后单击。它似乎在加载所有类之前找到了元素。下面是编辑器的链接，您可以看到它刚刚删除了关闭模式窗口时打开的类。在我的例子中，我从未在测试呈现组件中被打开过类。下面是我的测试用例
it('should open image modal and close ', async () => {
render(<Editor id='test-modal' initValue={
浏览 6提问于2022-08-28得票数 0
3回答
如果我像这样打开一个对话框：
$('<iframe id="externalSite" class="externalSite" src="http://www.example.com" />').dialog({
autoOpen: true,
width: 800,
height: 500,
modal: true,
resizable: true
})
如何使用iframe关闭对话框？
浏览 0提问于2010-08-26得票数 17
回答已采纳
我在一个页面上多次使用visualforce组件，但是鼠标悬停并没有打开任何对话框。我猜这是由于is的原因，但我不确定该如何修复。
下面是visualforce组件的代码示例
<apex:attribute name="Contents" description="display message" type="string" required="true" assignto="{!DialogMessage}" />
<style>
.modal {
di
浏览 15提问于2021-05-07得票数 0
我使用带有role=dialog的泛型除数创建了一个普通HTML模型。我想关闭逃逸模式。
然而，模型本身也包含一个本机<select>元素，它的选项列表可以与Escape一起关闭。添加了封闭的代码后，在打开<select>元素时按Escape也会关闭模式。
如何只关闭逃逸上的<select>元素，并保持模态对话框打开？
window.onkeyup = (event) => {
if (modal.style.display === "block") {
if (event.code === "Escape"
浏览 9提问于2022-11-11得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
