none
Filtro con varios Dropdownlist RRS feed

  • Pregunta

  • Buen día.

    Tengo un formulario en el que realizo filtros con varios dropdownlist, uno corresponde a las sucursales, de la cual se deriva a otro ddl y este corresponde a una zona y de este depende el punto que seleccionara finalmente, el inconveniente es que cargan perfectamente las consultas que se hacen a la base de datos, pero al querer seleccionar un ítem de los ddl con las teclas up/down, estas no se desplazan sobre el listado de los ddl, alguien podría ayudarme con una orientación o solución.

    Gracias.

    lunes, 25 de mayo de 2015 20:05

Todas las respuestas

  • hola

    >>pero al querer seleccionar un ítem de los ddl con las teclas up/down, estas no se desplazan sobre el listado de los ddl,

    pero desplegas las opciones del dropdownlist para ir moviendote por ellas ?

    sino lo desplegas los botones no surgen efecto

    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    lunes, 25 de mayo de 2015 21:37
  • Buen Día Leandro.

    Es un desarrollo para digitadores, la idea es que ellos puedan agilizar los registros en el sistema básicamente con el teclado, para ello utilizarían tab y podrían seleccionar si quisieran con las teclas up/down, lo que pasa es que cuando se posiciona en el DDl con el tab y intentas desplazarte a uno de los ítem el solo pasa solo pasa al primer ítem y no se desplaza a los otros, sin embargo si se le da clic ella muestra la lista completa y permite seleccionar perfectamente cualquier ítem. 

    Saludos.

    Jimmy Oyuela

    martes, 26 de mayo de 2015 13:31
  • Para activar un ddl con el teclado tendiran que presionar ctrl + flecha abajo. Esa es la forma de activarlo desde el teclado.


    martes, 26 de mayo de 2015 13:41
  • Encontre una funcion para JQuery que simula el desplegado:

    http://stackoverflow.com/questions/16056666/expand-select-dropdown

    en general, dice que puedes hacerlo con el siguiente codigo:

    $(document).ready(function() {
        $("#btn").click(function() {
           $("#sel").simulate('mousedown');
        });
    });

    Tal vez te sirva, no lo he probado.

    Saludos.

    martes, 26 de mayo de 2015 13:46
  • Gracias, Probé pero no funciona.
    martes, 26 de mayo de 2015 14:15
  • He encontrado parte de lo que genera el problema, la propiedad autopostback del ddl que debe estar activo en true para que me cargue la consulta del siguiente DDL, si ello no realiza la consulta y su respectiva carga. pero con el activo es necesario ubicar con tab el DDL y solo permite desplazarse al siguiente item.

    Los Ddl estan construidos de esta forma.

    <td>
    <asp:UpdatePanel ID="UpTbxCodSucursal" runat="server">
            <ContentTemplate>
                    <asp:DropDownList ID="DdlInsSucDes" runat="server" Width='200px' AutoPostBack="True" TabIndex="1"></asp:DropDownList>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="*" ControlToValidate="DdlInsSucDes" InitialValue="Seleccione"></asp:RequiredFieldValidator>
    </ContentTemplate>
    </asp:UpdatePanel>
    </td>
    <td class="auto-style6">
      <asp:UpdatePanel ID="UpdatePanel4" runat="server">
                    <ContentTemplate>
                            <asp:DropDownList ID="DdlInsDes" runat="server" Width='200px' AutoPostBack="True" TabIndex="2"></asp:DropDownList>
    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="*" ControlToValidate="DdlInsDes" InitialValue="Seleccione"></asp:RequiredFieldValidator>
    </ContentTemplate>
            </asp:UpdatePanel>   
     </td>

    martes, 26 de mayo de 2015 14:29