none
dropdown + AJAX RRS feed

  • Pregunta

  • Buen día, tengo un problema que me esta costando mucho resolver, arme una barra de navegacion con bootstrap, en el cual anide un dropdown-menu, el cual tiene varios items:

                <div class="dropdown-menu" aria-labelledby="navbarDropdown2">
                    <h1 class="dropdown-header"> CONSULTAR </h1>
                    <a class="dropdown-item"> Aprobado</a>
                    <a class="dropdown-item"> Enviado</a>
                    <a class="dropdown-item"> Producido</a>
                    <a class="dropdown-item"> Retirado</a>
                    <a class="dropdown-item"> Cancelado</a>
                    <a class="dropdown-item"> Pagado</a>
                        <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="PedidosGraficas_Add.aspx">AGREGAR</a>
                </div>

    La cuestión a resolver es que necesito al momento de seleccionar un item, este dispare un evento que tenga como función guardar en una variable un dato, para luego con esa variable poder disparar un Store Procedure determinado. Claramente cuando intento agregarle a estos items eventos del tipo OnClick, no funciona ya que nunca llego al evento deseado.

    Que me recomiendan hacer?

    viernes, 22 de noviembre de 2019 12:26

Todas las respuestas

  • Hola   D4V1D R3C4

     

    Gracias por levantar tu consulta en los foros de MSDN. Con respecto a la misma,  te  recomiendo probar el siguiente código

    <form id="myForm">  
            <label for="departmentsDropdown"><b>Departments</b></label>  
            <select class="form-control" id="departmentsDropdown" name="departmentsDropdown"></select>  
        </form>  
    
    
    public ActionResult getDepartment()  
            {  
                DatabaseEntities db = new DatabaseEntities();  
                return Json(db.Departments.Select(x => new  
                {  
                    DepartmentID = x.DepartmentID,  
                    DepartmentName = x.DepartmentName  
                }).ToList(), JsonRequestBehavior.AllowGet);  
            }  
    
    
    $(document).ready(function () {  
           $.ajax({  
               type: "GET",  
               url: "/Users/getDepartment",  
               data: "{}",  
               success: function (data) {  
                   var s = '<option value="-1">Please Select a Department</option>';  
                   for (var i = 0; i < data.length; i++) {  
                       s += '<option value="' + data[i].DepartmentID + '">' + data[i].DepartmentName + '</option>';  
                   }  
                   $("#departmentsDropdown").html(s);  
               }  
           });  
       });  

     

     

     

    Gracias por usar los foros de MSDN.

     

    Pablo Rubio

     ____

     

    Por favor recuerde "Marcar como respuesta" las respuestas que hayan resuelto su problema, es una forma común de reconocer a aquellos que han ayudado, y hace que sea más fácil para los otros visitantes encontrar la solución más tarde. 

     

    Microsoft ofrece este servicio de forma gratuita, con la finalidad de ayudar a los usuarios y la ampliación de la base de datos de conocimientos relacionados con los productos y tecnologías de Microsoft.  

     

    Este contenido es proporcionado "tal cual" y no implica ninguna responsabilidad de parte de Microsoft.

    miércoles, 27 de noviembre de 2019 22:10
    Moderador