Ищите оповещения или оповещения в MVC 4

Question

Смотреть следующее изображение.

Это что-то вроде предупреждения или уведомления, и некоторые из них имеют близкую кнопку справа от границы.

Я хотел бы осуществить, что в моем MVC 4 проекте, где тревога может закрыта (я предполагаю, что это делается с помощью COOKIES)

Я не знаю, если это может быть сделано с помощью JQUERY о некоторых HtmlHelper расширении. Можете ли вы упомянуть мне имена компонентов, которые я могу использовать? Я действительно не знаю никого из них.

Answer 1

подход 1: вы можете сделать частичный вид, и скрыть его, когда они нажимают на х в углу

вы бы показать частичный вид выборочно на основе значения межд он 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 
    }); 
} 
});