none
Ocultar listbox RRS feed

  • Pregunta

  • Hola!!! . Tengo 2 listbox q aparecen cuando le doy clic a un boton, cada listbox tiene su boton independiente para q los muestre, y estos se cierran cada q se da clic por segunda vez en su correspondiente boton, Entonces lo q quiero hacer es q si tengo visible el listbox2 , y habilito el listbox1 me cierre el listbox2 y viceversa, si tengo visible el listbox1 habilito el listbox2 me cierre el listbox1, la habilitacion para q muestre los listbox lo tengo con javascript.

    Estoy usando .net c#

    jueves, 24 de febrero de 2011 23:24

Respuestas

  • Hola,

     

    Lo has provado usando codigo de servidor. Mira algo como lo que se expone en el siguiente enlace

    Hide Listbox

     

    Saludos,



    Jason Ulloa
    Mi Blog San José, Costa Rica
    jueves, 24 de febrero de 2011 23:35
  • hola,

    #Escrito por :Lidiany
    #
    #Entonces lo q quiero hacer es q si tengo visible el listbox2 
    #y habilito el listbox1 me cierre el listbox2 y viceversa, si 
    #tengo visible el listbox1 habilito el listbox2 me cierre el 
    #listbox1, la habilitacion para q muestre los listbox lo tengo
    #con javascripts.

    bueno utilizando jquery te lo puedo hacer , aqui abajo tienes tu solucion

    te explico con detalle abajo

    Aqui tienes la estructa del codigo html que yo utilize.

     <form id="form1" runat="server">
        <asp:ListBox ID="ListBox1"   runat="server" BackColor="#993366"></asp:ListBox>
        <input id="Button1" type="button" value="button1" />
        <asp:ListBox ID="ListBox2" runat="server"></asp:ListBox>
            <input id="Button2" type="button" value="button2" />
     </form>

    y aqui tiene el codigo jquery  que te arme.


              $(document).ready(function () {
                  $("#ListBox2").hide();

                  $("#Button1").click(function () {
                      $("#ListBox2").hide();
                      $("#ListBox1").show();
                      
                  });

                  $("#Button2").click(function () {
                      $("#ListBox2").show();
                      $("#ListBox1").hide();

                  });

              });

    acuerdate de agregar la liberia de jquery para que te funcione el parte superior del codigo htmal.

    bien vamos a la explicacion segun los mandatos que tu requeria arriba me decia que por defecto te muestra el listbox2
    y si tu seleciona listbox1 se tienes que ocultar el listbox2.

    En la primera parte del codigo que seria esta   $("#ListBox2").hide(); la funcion de este codigo es cuando la pagina esta
    lista el objecto ListBox2 se ocultara.

    En segundo codigo que seria este 

     $("#Button1").click(function () {
                      $("#ListBox2").hide();
                      $("#ListBox1").show();
                      
                  });

    La funcion de este codigo seria cuando tu le de click al botton1 para mostrar el listbox2 va ajecutar una funcion el cual va
    a buscar en el document los id relacionado a estos #ListBox2,#ListBox1 y luego que lo busque en el document va a ir ejecutando su
    metodo en este caso #ListBox2.hide() se ocultaria y en el caso del #ListBox1.show() se mostraria.

    y el tercer y ultimo codigo te aria los contario del segundo.

    Nota

    Si tienes alguna duda con respecto a la explicacion estaremos aqui para ayudarte


    ASP.NET,ASP.NET MVC C#.NET
    viernes, 25 de febrero de 2011 5:16
    Moderador

Todas las respuestas

  • Hola,

     

    Lo has provado usando codigo de servidor. Mira algo como lo que se expone en el siguiente enlace

    Hide Listbox

     

    Saludos,



    Jason Ulloa
    Mi Blog San José, Costa Rica
    jueves, 24 de febrero de 2011 23:35
  • hola,

    #Escrito por :Lidiany
    #
    #Entonces lo q quiero hacer es q si tengo visible el listbox2 
    #y habilito el listbox1 me cierre el listbox2 y viceversa, si 
    #tengo visible el listbox1 habilito el listbox2 me cierre el 
    #listbox1, la habilitacion para q muestre los listbox lo tengo
    #con javascripts.

    bueno utilizando jquery te lo puedo hacer , aqui abajo tienes tu solucion

    te explico con detalle abajo

    Aqui tienes la estructa del codigo html que yo utilize.

     <form id="form1" runat="server">
        <asp:ListBox ID="ListBox1"   runat="server" BackColor="#993366"></asp:ListBox>
        <input id="Button1" type="button" value="button1" />
        <asp:ListBox ID="ListBox2" runat="server"></asp:ListBox>
            <input id="Button2" type="button" value="button2" />
     </form>

    y aqui tiene el codigo jquery  que te arme.


              $(document).ready(function () {
                  $("#ListBox2").hide();

                  $("#Button1").click(function () {
                      $("#ListBox2").hide();
                      $("#ListBox1").show();
                      
                  });

                  $("#Button2").click(function () {
                      $("#ListBox2").show();
                      $("#ListBox1").hide();

                  });

              });

    acuerdate de agregar la liberia de jquery para que te funcione el parte superior del codigo htmal.

    bien vamos a la explicacion segun los mandatos que tu requeria arriba me decia que por defecto te muestra el listbox2
    y si tu seleciona listbox1 se tienes que ocultar el listbox2.

    En la primera parte del codigo que seria esta   $("#ListBox2").hide(); la funcion de este codigo es cuando la pagina esta
    lista el objecto ListBox2 se ocultara.

    En segundo codigo que seria este 

     $("#Button1").click(function () {
                      $("#ListBox2").hide();
                      $("#ListBox1").show();
                      
                  });

    La funcion de este codigo seria cuando tu le de click al botton1 para mostrar el listbox2 va ajecutar una funcion el cual va
    a buscar en el document los id relacionado a estos #ListBox2,#ListBox1 y luego que lo busque en el document va a ir ejecutando su
    metodo en este caso #ListBox2.hide() se ocultaria y en el caso del #ListBox1.show() se mostraria.

    y el tercer y ultimo codigo te aria los contario del segundo.

    Nota

    Si tienes alguna duda con respecto a la explicacion estaremos aqui para ayudarte


    ASP.NET,ASP.NET MVC C#.NET
    viernes, 25 de febrero de 2011 5:16
    Moderador