在MVC 4中查找警报或通知

Question

观看下一张图片。

它类似于警报或通知，其中一些在边框右侧有一个关闭按钮。

我想在我的MVC 4项目中实现这一点，警报可以关闭（我想这是使用COOKIES完成的）

我不知道是否可以使用JQUERY某些HtmlHelper扩展程序来完成此操作。你能提一下我可以用的名字组件吗？我真的不知道其中任何一个。

Answer 1

方法1： 您可以制作局部视图，并在单击角落中的x时隐藏它

您将根据viewmodel

中的值选择性地显示局部视图

in the container viewmodel you could have...
@{if (Model.IsVisitor)
       @Html.Partial("CustomAlert",Model.Message);
 }};

然后你可以有一个parital视图CustomAlert.cshtml

<div id="custom-alert" class="custom-alert">
   <div id="close-custom-alert" class="custom-alert-top-right">&#x2716;</div>
   <p style="width:95%"> @Model </p>
</div>

<script>
       $('#close-custom-alert').click(function(){$('#custom-alert').hide()});
</script>

<style>
   .custom-alert { position: relative; background-color:cornsilk; }
   .custom-alert-top-right   { position : absolute; top:5px; right:5px; padding-5px; }
</style>

---

接近2 请参阅jquery ui模态对话框http://jqueryui.com/dialog/#default和http://jqueryui.com/dialog/#modal。您可以根据视图中的值（如

）弹出对话框

$(function(){
 if ('@Model.IsVisitor'){
  $( "#dialog-modal" ).dialog({
   height: 140,
   modal: true
  });
 }
});