使用jquery模式对话框

时间:2012-03-08 20:21:01

标签: jquery asp.net-mvc

我开始使用模态对话框;我创建这个代码阅读,并在少数人的帮助下

$('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 :(得分:0)

Si : function(){
  $(this).dialog("close");
   window.location = "/"+url;
}

答案 1 :(得分:0)

 var url = "controllers/EntradaPedidos";

将名为“controllers”的控制器中名为“EntradaPedidos”的ActionMethof设置为名为“url”的javascript变量。这个url将在dialog.load方法中使用。 (该对话框将加载从执行此操作方法收到的内容)

如果要保存值,请在此处

 Si: function() {
                    //Read data and Save to DB using an ajax call
                },