asp.net-mvc – 从MVC剃刀模型调用Bootstrap 3 Modal?
发布时间:2020-12-16 09:13:07 所属栏目:asp.Net 来源:网络整理
导读:目前我正在使用一个模型,在从表单发回后我查看模型属性以显示警报.但是我现在需要显示一个模态.我知道我需要在页面底部显示一个模态div,但我无法弄清楚如何从Razor模型调用它. 所有我发现的研究想法是按钮点击或点击事件会调用一些JS并显示模态.我找不到任何
目前我正在使用一个模型,在从表单发回后我查看模型属性以显示警报.但是我现在需要显示一个模态.我知道我需要在页面底部显示一个模态div,但我无法弄清楚如何从Razor模型调用它.
所有我发现的研究想法是按钮点击或点击事件会调用一些JS并显示模态.我找不到任何关于如何从View中打开它的内容. 这个概念是最终用户会点击一个按钮,基本上像时间戳一样进入数据库.在控制器中我设置了一个MessageType属性,然后根据我会显示一个Bootstrap错误警报,如果有错误或成功警报,如果一切正常.现在,我不需要调用成功警报,而是需要打开模态. 这是我现在用警报做的方式.这是我的MVC视图.有没有办法做同样的,而不是警报打开模态? @if (Model.MessageType == "PUNCH") { <div class="alert alert-success"> <h3>Punch accepted at <strong>@Model.CurrentTime.</strong></h3> </div> } 解决方法
与您的操作类似,您可以执行显示模态对话框的javascript代码.
假设您已将所需的引导文件加载到您的页面, <!-- Modal --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="myModalLabel">Modal title</h4> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <button type="button" class="btn" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div> @section Scripts { @if (Model.MessageType == "PUNCH") { <script> $('#myModal').modal(); </script> } } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- asp.net-mvc – 如何在ASP.net/ASP.net MVC中开发基于可插拔
- asp.net-mvc – 从视图重定向到另一个视图
- 使用SqlDataSource删除空字典错误 – ASP.net ListView
- asp.net – 我应该加密URL参数传递的GUID吗?
- asp.net-mvc – 将查询字符串参数传递给.net mvc中的UrlHel
- asp.net – WCF与WebAPI和本机移动设备
- 在ASP.NET中,在.aspx中内联代码的不同方法有哪些?
- asp.net-mvc-4 – 为什么ResolveBundleUrl不能用于自定义文
- ASP.NET MVC 3 jQuery验证;禁用不引人注意的OnKeyUp?
- 在asp.net中查看状态
推荐文章
站长推荐
- asp.net – Javascript:为什么如果(假)?
- 我应该使用用户名,还是用户ID来引用ASP.NET中的经
- asp.net-mvc – 你在哪里把你的验证放在asp.net
- Asp.Net Web API和WCF服务有什么区别?
- asp.net – 为什么这违反了类型约束?
- asp.net-mvc – 我在MVC 5 Visual Studio 2013中
- 在ASP.NET Web安装项目中,我可以在IIS中禁用匿名
- asp.net – 无法安装Microsoft.AspNet.Razor 3.0
- asp.net-core – 使用.NET Core时需要AssemblyIn
- asp.net – MVC3:如何强制Html.TextBoxFor使用模
热点阅读