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

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

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

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

****ОТРЕДАКТИРОВАНО****

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

<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');
            });

dialog jquery asp.net-mvc form-submit jquery-ui-dialog
person RememberME    schedule 30.04.2010    source источник

Ответы (2)


arrow_upward
1
arrow_downward

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

  $(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); });

хх :)

person Avien    schedule 30.04.2010

arrow_upward
-1
arrow_downward

По диалогу я не уверен, имеете ли вы в виду какой-то пользовательский диалог 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>
person Rod Johnson    schedule 30.04.2010