Использование модального диалога jquery - PullRequest
0 голосов
/ 09 марта 2012

Я начинаю использовать модальный диалог; я создаю этот код для чтения и с помощью нескольких человек

$('Form').submit(function(e) {
                    var url = "controllers/EntradaPedidos";
                    var dialog = $("#dialog");
                    if ($("#dialog").length == 0) {
                        dialog = $('<div id="dialog" style="display:hidden"> Los datos ingresados son:</div>').appendTo('body');
                    }
                    dialog.load(
                    url,
                    {}, // omit this param object to issue a GET request instead a POST request, otherwise you may provide post parameters within the object
                    function(responseText, textStatus, XMLHttpRequest) {
                        dialog.dialog({
                            close: function(event, ui) {
                                dialog.remove();
                            },
                            modal: true,
                            buttons: {
                                Si: function() {
                                    $(this).dialog("close");
                                    //EntradaPedidosProducto('Form');
                                },
                                No: function() {
                                    $(this).dialog("close");
                                }
                            },
                            width: 460,
                            resizable: true
                        });
                    }
                );
                    return false;
                });



  <div id="dialog" title="Datos Cliente:" style="display: none;">
    <p>
        <span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
        Estos son los datos que ingreso:
    </p>
    <p>
        Desea Continuar?
    </p>

так что это мои сомнения / вопросы

что я здесь делаю

 var url = "controllers/EntradaPedidos";

я хочу изменить окно, если пользователь нажмет да (si)

Si: function() {
     $(this).dialog("close");
     //EntradaPedidosProducto('Form');
},

как мне это сделать

И, наконец, как я могу вставить данные формы в модальное диалоговое окно

Ответы [ 2 ]

0 голосов
/ 09 марта 2012
 var url = "controllers/EntradaPedidos";

Установка URL-адреса вашего ActionMethof с именем «EntradaPedidos» в контроллере с именем «controllers» в переменную javascript с именем «url». Этот URL будет использоваться в методе dialog.load. (диалоговое окно загрузит содержимое, полученное в результате выполнения этого метода действия)

Если вы хотите сохранить значение, сделайте это здесь

 Si: function() {
                    //Read data and Save to DB using an ajax call
                },
0 голосов
/ 09 марта 2012
Si : function(){
  $(this).dialog("close");
   window.location = "/"+url;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...