модальная форма оставляет мой экран заблокированным - PullRequest
Новая
       10

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

0 голосов
/ 21 мая 2018

У вас есть следующая модальная форма, которая выполняет метод POST моего контроллера

modal

my view: 

<div class="modal fade" id="agregarProducto">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header"> 

            </div>
            <div class="modal-body">
                <form id="myForm">
                    <label>Agregar Cantidad</label>
                    <input type="checkbox" id="idcheckcantidad" />                        
                    <input type="text" class="form-control" name="cantidad" id="idcantidad" disabled="disabled"  />                      
                    <label>Codigo Producto</label> 
                    <input type="text" class="form-control" name="codigoproducto" id="idcodigoproducto" autofocus="true" />
                </form>               

            </div>
            <div class="modal-footer">
                <input type="submit" value="Agregar Material" class="btn btn-primary" id="btnSubmit" />
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>

javascript, который выполняет метод post, следующий ... 

<script>
        $(document).ready(function () {
            $("#btnSubmit").click(function () {              
                var myformdata = $("#myForm").serialize();

                $.ajax({
                    type: "POST",
                    url: "/Despachos/AgregarProducto",
                    data: myformdata,
                    success: function () {                     
                        $("#agregarProducto").modal("hide");                      
                    }
                })
            })
        })
    </script>

проблема в том, что когда я заканчиваю выполнять метод Agregar Producto, мой экран блокируется и становится темным

screenshot

мой контроллер: 

[HttpPost]
    public ActionResult AgregarProducto(int codigoproducto, int? cantidad)
    {          
            //CONSULTO LOS PRODUCTOS QUE EXISTEN EN EL DETALLE
            var despachotmp = db.DespachoDetalleTmps.Where(o => o.Email == User.Identity.Name && o.Kn_CodigoProducto == codigoproducto).FirstOrDefault();

            if (despachotmp == null)
            {
                //BUSCO EL PRODUCTO
                var producto = db.Productoes.Find(codigoproducto);

                if (producto == null)
                {
                    ViewBag.Error = "Debe Seleccionar un Producto o Material Válido";
                    return RedirectToAction("Create");
                }

                if (cantidad == null)
                {
                    despachotmp = new DespachoDetalleTmp
                    {
                        v_Nombre = producto.v_Nombre,
                        Kn_CodigoProducto = producto.Kn_CodigoProducto,
                        Email = User.Identity.Name,
                        d_Cantidad = 1,
                    };

                    db.DespachoDetalleTmps.Add(despachotmp);

                }

                if (cantidad != null)
                {
                    despachotmp = new DespachoDetalleTmp
                    {
                        v_Nombre = producto.v_Nombre,
                        Kn_CodigoProducto = producto.Kn_CodigoProducto,
                        Email = User.Identity.Name,
                        d_Cantidad = Convert.ToInt16(cantidad),
                    };

                    db.DespachoDetalleTmps.Add(despachotmp);
                }
            }

            else
            {
                if (cantidad == 0)
                {
                    despachotmp.d_Cantidad += 1;
                    db.Entry(despachotmp).State = EntityState.Modified;
                }

                if (cantidad != 0)
                {
                    despachotmp.d_Cantidad += Convert.ToInt16(cantidad);
                    db.Entry(despachotmp).State = EntityState.Modified;
                }
            }                      
            db.SaveChangesAsync();               
            return RedirectToAction("Create");
    }

Что я делаю не так?Почему я получаю такое поведение?любая помощь для меня?

Ответы [ 3 ]

0 голосов
/ 21 мая 2018

Похоже, что модель не сгибается должным образом,

Попробуйте варианты ниже, чтобы закрыть ее 

$('#modal').modal('toggle');

или 

$('#modal').modal().hide();

должно работать.

Но если ничего не работает, вы можете напрямую вызвать модальную кнопку закрытия: 

$("#modal .close").click()
0 голосов
/ 21 мая 2018

попробуйте это для лучших практик: 

//OPEND
$('#modal').modal('show');
//HIDE
$('#modal').modal('hide');
0 голосов
/ 21 мая 2018

Проблема из-за вашего скрипта.Вы можете использовать приведенный ниже код, чтобы закрыть модальный. 

$("#agregarProducto").hide();

Вы можете следовать приведенному ниже коду: 

<script>
        $(document).ready(function () {
            $("#btnSubmit").click(function () {              
                var myformdata = $("#myForm").serialize();

                $.ajax({
                    type: "POST",
                    url: "/Despachos/AgregarProducto",
                    data: myformdata,
                    success: function () {                     
                        $("#agregarProducto").hide();                      
                    }
                })
            })
        })
    </script>

Попробуйте этот код.Удачи!

...