[ASP.NET] Propiedad visible vs display none

Posted on


Este será un post bastante corto en el cuál quiero mostrar la diferencia entre usar la propiedad visible y el estilo display.

Cuando a un control le decimos visible=”false” este no se renderiza, si exacto no está, así que si intentamos acceder a él desde código cliente como JavaScript o jQuery vamos a obtener un error, en cambio si usamos un estilo el cual especifique la propiedad display en none el control si será renderizado, no será visible al usuario y podremos trabajar con él normalmente.

Un corto ejemplo, tenemos una página web en donde tenemos dos botones, el primero con la propiedad visible en false y el segundo con el display en none:

   1:   <asp:Button ID="btn1" runat="server" Visible="false" />
   2:   <asp:Button ID="btn2" runat="server" Style="display: none;" />

Y vamos a ejecutar la página, se podrá ver q ninguno de los dos botones se muestran, pero si examinamos el html generado tenemos que le bnt1 no se renderiza mientras que le btn2 si lo hace:

Imagen1

Espero que este minipost les ahorre dolores de cabeza !

2 comentarios sobre “[ASP.NET] Propiedad visible vs display none

    maicol escribió:
    08/31/2011 en 16:48

    muy buen post… estupendo …

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s