Deshabilitar elementos HTML en Blazor


En este articulo quiero explicar algo simple pero muy útil y necesario en aplicaciones Web.

Siempre es necesario bajo algún contexto o escenario deshabilitar un elemento HTML por alguna condición y en blazor esto es bastante simple:

<button disabled="!@ToggleProperty"> 
My Button
</button>

<button disabled="@ToggleProperty"> 
My Button
</button>

Podemos implementar algo tan simple como lo anterior en donde dependiendo de el valor de una variable tipo bool podemos habilitar o deshabilitar el elemento que queremos, o también podemos agregar condiciones y retornar un true o false:

<button disabled="@(ToggleProperty1 || ToogleProperty2)"> 
My Button
</button>  
                    
<button disabled="@(MyNumber > 0 ? true : false)"> 
My Button
</button>  
           

Con esos ejemplos ahora tienes una idea más clara de como lograr deshabilitar un elemento en Blazor de diferentes formas.

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 )

Google photo

Estás comentando usando tu cuenta de Google. 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 )

Conectando a %s