вызов диалогового окна с кнопки mvc

Question

Я новичок в использовании jquery и разрабатываю для Интернета, и у меня есть сомнения, я хочу создать модальное диалоговое окно, когда нажимаю кнопку HTML. я использую следующий код для кнопки

 <input type="submit" value="Siguiente"/>

В модальном диалоговом окне я хочу нажать некоторую информацию, которую я получаю из формы, и я хочу создать 2 кнопки, одну для перенаправления на другую страницу, а другую - на той же странице, что-то вроде кнопок да или нет .

public ActionResult EntradaPedidos()
         {

             List<SelectListItem> divisiones = new List<SelectListItem>();
             List<Pedidos> misPedidos = miConexion.Division(username, password);
             foreach (var pedido in misPedidos)
             {
                 divisiones.Add(new SelectListItem() { Text = pedido.nombreDivision, Value = pedido.division });
             }
             ViewData["divisiones"] = new SelectList(divisiones, "Value", "Text", "Confeccion");

             //Ejemplo para llevar informacion a un label
             Pedidos miPedido = new Pedidos();
             miPedido.clave1 = "Funciona";
             miPedido.numPedido = "234";

             ViewData["FechaInicio"] = "";
             ViewData["codigoCliente"] = "";
             ViewData["ddListaPrecios"] = new SelectList(new[] { "(Selecciona)" });
             ViewData["ddListaVendedores"] = new SelectList(new[] { "(Selecciona)" });
             ViewData["listPrecios"] = "";
             ViewData["ddCiudad"] = new SelectList(new[] { "(Selecciona)" });
             ViewData["ddPuntosEntrega"] = new SelectList(new[] { "(Selecciona)" });

             return View(miPedido);
         }



[AcceptVerbs(HttpVerbs.Post)]
public ActionResult EntradaPedidos(FormCollection formulario) {

        Pedidos miPedido = new Pedidos();
        miPedido.division = Request.Form["division"];
        miPedido.fechaPedido = Request.Form["FechaInicio"];
        miPedido.codigoCliente = Request.Form["codigoCliente"];
        miPedido.codListaPrecios = Request.Form["tbListaPrecios"];
        miPedido.codVendedor = Request.Form["ddListaVendedores"];
        miPedido.codPuntoEntrega = Request.Form["ddPuntosEntrega"];


        return RedirectToAction("EntradaPedidosProducto");
}

Answer 1

Вы можете использовать модальное всплывающее окно пользовательского интерфейса jQuery и загрузить его содержимое с помощью ajax-запроса в частичное представление, содержащее вашу форму.

http://jqueryui.com/demos/dialog/

Включите ссылку на плагин jQuery UI на своей странице / Просмотр

 $('#yourForm').submit(function (e) {
       var url = "yourcontroller/EntradaPedidos"        
       var dialog = $("#dialog");
        if ($("#dialog").length == 0) {
             dialog = $('<div id="dialog" style="display:hidden"></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,                               
                             width: 460
                        });
                    }
                );
                return false;
            });

Еще один момент, о котором следует упомянуть: старайтесь избегать использования ViewData и начинайте использовать ViewModel для этого.