单击按钮事件时调用blazor组件

单击按钮事件时调用blazor组件,blazor,blazor-server-side,asp.net-blazor,Blazor,Blazor Server Side,Asp.net Blazor,您好,我有一个子组件网位置网格,我想在父组件网内单击按钮,将此组件加入 下面是父组件代码 <div class="form-group col-md-3"> <button class="btn btn-primary" @onclick="DisplayPositionRefGrid"> Create </button> </div

您好,我有一个子组件网位置网格,我想在父组件网内单击按钮,将此组件加入

下面是父组件代码

 <div class="form-group col-md-3">
        <button class="btn btn-primary" @onclick="DisplayPositionRefGrid">
          Create
        </button>
    </div>
</div>


   <div class="form-row" id="divPositionRefGrid" hidden="@HideGrid">
       <div class="form-group col-md-12">
           <PositionRefGrid>

           </PositionRefGrid>

          
       </div>
   </div>

创造

问题是,在加载父组件的同时加载子组件,但我希望在按钮单击方法“DisplayPositionRefGrid”上加载子组件。

使用布尔变量有条件地显示子组件


创造
@如果(显示网格)
{
}
@代码{
私有bool ShowGrid{get;set;}
void DisplayPositionRefGrid()
{
ShowGrid=true;
//其他stuf
//...
}
}

使用布尔变量有条件地显示子组件


创造
@如果(显示网格)
{
}
@代码{
私有bool ShowGrid{get;set;}
void DisplayPositionRefGrid()
{
ShowGrid=true;
//其他stuf
//...
}
}

我不显示/隐藏网格。我想在单击按钮时加载网格,因为网格将从父组件网获取一些参数,然后单击“创建”按钮时,网格将在html代码中显示并传递父组件的网格参数(如果子组件中有参数)例如
我想通过从父项中选择gridview行来限制它。这就是为什么我想在单击按钮时创建网格。你能帮我一下吗?你在gridview中使用的包组件是什么?非常感谢M.Hassan。你提供的解决方案不显示/隐藏网格。我想在单击按钮时加载网格由于网格将从父组件网获取一些参数,然后单击“创建”按钮时,网格将在html代码中显示并传递父组件的网格参数(如果子组件中有参数)例如
我想通过从父级选择gridview行来限制它。这就是为什么我想在单击按钮时创建网格。你能帮我一下吗?你在gridview中使用的包组件是什么?非常感谢M.Hassan。你提供的解决方案对我有效