¿Cómo colapsar/expandir los componentes de Razor usando la sintaxis de Blazor?

Haz todo lo posible por comprender el código de forma correcta antes de adaptarlo a tu trabajo si ttienes algo que aportar puedes decirlo en los comentarios.

Solución:

Dentro de Blazor, siempre sigues el patrón:

change data 
    --> new view rendered

Cada vez que desee cambiar la interfaz de usuario del componente desde el exterior, debe hacerlo cambiando los datos (modelo/estado/parámetro/contexto/…).

En cuanto a este escenario, puede agregar un Collapsed campo para indicar si el panel en sí está contraído ahora:

    

        
Goodwill PKW/smart
    

    

        

            

                
Profile

                

                    
                    Salesman
                
                

                    
                    Administrator
                
                
            
        
    


@code
    [Parameter]
    public string Collapseget;set;="collapse"; // hide by default

Y cada vez que desee colapsarlo, simplemente configure este parámetro en collapse:

    
GOODWILL PKW/Smart
    

        Add
        
    
    

        Change
        
    
    

        Remove
        
    
    
                    
        
            @( this.Collapsed ? "+" : "-")
        
    



@code 
    private bool Collapsed = true;

Manifestación:

---

[Edit] : incluso podemos refactorizar el código anterior para exponer menos información cambiando el campo de string a booleano.

El ModalGoodwillPKW.razor:

 ">
    
        
Goodwill PKW/smart
    

   ...


@code
    [Parameter]
    public bool Collapsedget;set;= true; // hide by default

El UserForm.razor:

    ...
                     
        
            @( this.Collapsed ? "+" : "-")
        
    

Collapsed="@Collapsed" >

@code 
    private bool Collapsed = true;

Si para ti ha resultado de ayuda este post, sería de mucha ayuda si lo compartes con el resto juniors de este modo nos ayudas a difundir este contenido.

---

---

Utiliza Nuestro Buscador