在 Blazor 中引用动态创建的控件

Question

我创建了一个带有我自己的控件的 Razor 类库。我现在在我的 Blazor 服务器应用程序中使用这个库。我在 for 循环中动态地在 HTML 代码上添加控件。但是，一旦添加了控件，我如何在我的应用程序代码中引用这些控件？我不认为我可以为每个控件添加引用，因为添加的控件数量可能会发生变化。这是我的代码示例：

<div class="col-12">
    @foreach (MyModel new_control_model in p.list_of_control_models){
       <myCustomControl model = "new_control_model"></myCustomControl >
   }
</div>

将控件添加到我的页面后，我希望能够引用这些控件。但是怎么做？有没有办法在将控件添加到网页时将它们添加到列表中？或者其他方式来引用它们？例如：

@code{
   private void GetValues(){
       //iterate over all myCustomControl  on the page and call a method from the control
   }
}

谢谢 杰森

Answer 1

我不确定这是如何工作的。我认为它是通过引用添加的。但是，如果我这样做：

<div class="col-12">
    @foreach (MyModel new_control_model in p.list_of_control_models){
       //include adding a reference to a dictionary
       <myCustomControl @ref="myComponents[new_control_model.id]" model = "new_control_model"></myCustomControl >
   }
</div>

@code{
   //by reference I assume, the control gets added to this dictionary
   private Dictionary<string, myCustomControl > myComponents = new Dictionary<string, myCustomControl >();

  private void ButtonPress()
    {
        foreach (var item in myComponents)
        {
            string id = item.Key;
            object myObject = item.Value;
            string output = "";
            if (myObject.GetType().FullName == "MyComponentLibrary.myCustomControl ")
            {
                myCustomControl myControl = (myCustomControl )myObject;
                output = myControl.GetControlValue();
            }            
        }
    }    
  }