Jquery Messagebox MVC3, когда я нажимаю на ссылку - PullRequest
Новая
       3

Jquery Messagebox MVC3, когда я нажимаю на ссылку

0 голосов
/ 25 июля 2011

У меня есть это на мой взгляд 

<tr>
                            <td>@Model.EnrolledPolicies[i].InsuredName</td>
                            <td>@Model.EnrolledPolicies[i].ProductType</td>
                            <td>@Model.EnrolledPolicies[i].PolicyNumber</td>
                            <td>@Model.EnrolledPolicies[i].IssueDate</td>
                            <td>@Model.EnrolledPolicies[i].Status</td>
                            <td>
                                @if (Model.EnrolledPolicies[i].CanViewContractDetails)
                                {
                                    @Html.ActionLink("View Details", "ViewContractDetails", new { @Contract=Model.EnrolledPolicies[i].PolicyNumber });
                                }
                                else
                                {
                                    <a href="#">View Details</a>
                                }

                            </td>
                        </tr>

В приведенном выше утверждении else я хотел бы написать некоторый код для окна сообщения Jquery. Когда я нажимаю «View Details» в операторе else, должно появиться окно с сообщением, что доступ ограничен. Может ли кто-нибудь помочь мне в этом?

Ответы [ 4 ]

1 голос
/ 11 марта 2012

попробуйте этот плагин jQuery UI: Окно сообщений JQuery UI 

<a href="#" class="DialogInfo">View Details</a>

<script>
    $(function() {
        $('a.DialogInfo').click(function(event){
            event.preventDefault();
            $.showMessageBox("Your message");
        });
    });
</script>
0 голосов
/ 25 июля 2011

Использование плагина jQuery UI: 

<a href="#" class="notAllowed">View Details</a>
<div id="dialog">Access Denied</div>

$(function() {
    $('a.notAllowed').click(
        $( "#dialog:ui-dialog" ).dialog( "destroy" );

        $( "#dialog-message" ).dialog({
            modal: true,
            buttons: {
                Ok: function() {
                    $( this ).dialog( "close" );
                }
            }
        });
    );
});

Примечание: стиль диалога div, применяя класс так, чтобы он по умолчанию был скрыт.

0 голосов
/ 25 июля 2011

Не уверен, действительно ли вам нужно окно сообщения jquery в этом случае, так как предупредительное сообщение удовлетворит ваш запрос. К вашему сведению, следующий код будет отображать простое предупреждающее сообщение при нажатии View Details 

<a href='javascript:onClick=alert("Access is restricted")'>View Details</a>
0 голосов
/ 25 июля 2011

Вы можете использовать jQueryUI для этого.

Взгляните на: http://jqueryui.com/demos/dialog/#modal-message

...