Прикрепите диалоговое окно jQuery к кнопке «Отправить» в ASP.NET-MVC - PullRequest
Новая
       30

Прикрепите диалоговое окно jQuery к кнопке «Отправить» в ASP.NET-MVC

1 голос
/ 30 апреля 2010

У меня есть кнопка отправки, которая работала для отправки моей формы в ASP.NET-MVC.

Я хотел бы прикрепить диалог jQuery к нажатию кнопки. Если пользователь выходит из диалогового окна, я также хотел бы выйти из отправки.

У меня есть диалоги, подключенные к другим кнопкам, но они не отображаются. Как я могу это сделать?

**** ***** EDITED 1007 *

Это пример диалога, который я имею на другой кнопке. 

<button type="button" id="create-company" >Create Company</button>

<div id="popupCreateService_Line" title="Create a new service line"> 
<fieldset>
    <label for="service_line_name">Name:</label>
    <%= Html.TextBox("service_line_name") %>

    <label for="service_line_desc">Desc:</label>
    <%= Html.TextBox("service_line_desc") %>

</fieldset>
</div>

$("#create-service_line").click(function() {
                $('#popupCreateService_Line').dialog('open');
            });

Ответы [ 2 ]

1 голос
/ 30 апреля 2010

прикрепите это к событию загрузки формы .. 

  $(document).bind("keyup.EventPopupEvents", null, function(event)
{
    if (event.keyCode == 27)
    {
        ShutdownEditEventForm();
    }
});

добавить эти две функции: 

 function ShutdownEditEventForm(){
$(document).unbind(".EventPopupEvents");
HidePopup($("#EventPopup"));}

function HidePopup($popup){
$("#PopupBackground").hide();
$("#PopupBackground").remove();
$popup.hide();}

добавить это к загрузке формы для сохранения: 

$("#EditEventSaveButton").click(function() { SaveEvent(id, onSaveCallback); });

чч:)

0 голосов
/ 30 апреля 2010

По диалоговому окну я не уверен, имеете ли вы в виду какой-то пользовательский диалог CSS или диалог подтверждения в javascript. Для последнего этот код должен работать просто отлично. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    </head>
    <body>
        <form method="get" action="focusout.htm">
            <input type="submit" id="button" value="Submit" />
        </form>
        <script type="text/javascript">

            $("#button").click(function () {
                return confirm("are you sure you want to click?");
            });
        </script>
    </body>
    </html>
...