Soy muy nuevo con Blazor. Por lo tanto, toda orientación y dirección con respecto a mi pregunta es muy apreciada.
Estoy trabajando en una página de Blazor donde he implementado la biblioteca de código abierto Blazorise para implementar <CardDeck>...</CardDeck> en una página (por ejemplo, Parent.razor). Debajo CardDeck , he implementado un componente Card inside razor. Y estoy vinculando objetos de datos recuperados de la base de datos.
El código para Parent.razor es el siguiente.
<CardDeck> <Button @onclick="SomeMethodToCreateComponent" @foreach(var item in List) { //implementing component page (eg. CardComponent.razor) <CardComponent>...</CardComponent> } </CardDeck> @Code{ public void SomeMethodToCreateComponent() { //Code to create a component on button onclick } }Código para la página del componente (por ejemplo, Card.razor)
<Card> <CardBody> <CardTitle Size="5">Card title 1</CardTitle> <CardText> Lorem ipsum </CardText> </CardBody> </Card> Ahora hay una mejora a esta funcionalidad. En la página principal de la maquinilla de afeitar, he colocado un botón. En el evento @onclick de ese botón, necesito generar un componente con la jerarquía <Card>...</Card> . Cada vez que se hace clic en el botón de la página principal, se debe generar una tarjeta. ¿Es posible?
Es mucho más sencillo de lo que piensas.
public void SomeMethodToCreateComponent() { //Code to create a component on button onclick var newItem = ... List.Add(newItem); } // auto re-render here and the @foreach will render the new item