0

我对 Blazor 很陌生。因此，高度赞赏有关我的问题的所有指导和方向。

我正在开发一个 Blazor 页面，在该页面上我实现了 Blazorise 开源库以<CardDeck>...</CardDeck>在页面中实现（例如 Parent.razor）。下面CardDeck我实现了一个Card内部剃须刀组件。我正在绑定从数据库中检索到的数据对象。

Parent.razor 的代码如下所示。

    <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
        }
    }

组件页面的代码（例如 Card.razor）


    <Card>
     <CardBody>
        <CardTitle Size="5">Card title 1</CardTitle>
        <CardText>
            Lorem ipsum
        </CardText>
        </CardBody>
    </Card>

现在，此功能得到了增强。在父剃须刀页面上，我放置了一个按钮。在该按钮的@onclick事件中，我需要生成一个具有<Card>...</Card>层次结构的组件。每当单击父页面中的按钮时，都会生成一张卡片。可能吗？

4

1 回答 1

0

它比你想象的要简单得多。

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
于 2022-01-27T06:27:10.120 回答