将参数传递给Blazor组件

瓦夫

我想不到如何实现以下目标:

我需要将参数集合(或数组)传递给Blazor组件。传递的参数是Blazor组件。参数的集合必须作为嵌套标记传递。必须能够分别调用每个传递的参数组件的呈现。

也就是说,我想要这样的东西:

<MyComponent>
  <ParameterCollection>
    <MyParameterComponent1>Caption1</MyParameterComponent1>
    <MyParameterComponent2>Caption2</MyParameterComponent2>
    <MyParameterComponent3>Caption3</MyParameterComponent3>
  </ParameterCollection>
</MyComponent>

MyComponent代码:

@code{
    [Parameter]
    public RenderFragment[] ParameterCollection {get; set;} //Runtime error
}

我想得到的显然是在这里实现的Blazor商业组件(选择“查看源”选项卡)。GridColumns参数传递给GridColumn组件的集合。我认为更准确地说,它是它们对应的RenderFragments的集合。问题是如何完成?

亨克·霍尔特曼

解决这个问题:DatagGridColumnCollection组件将自己作为CascadingValue插入,而DatagGridColumn组件仅调用Add方法。

列集

<CascadingValue Value="this">
  @ChildContent
</CascadingValue>

@code
{ 
    public void Add(DataGridColumn colum) { ... }
}

DataGridColumn

@code {
  [CascadingParameter]
  private ColumnCollection Parent { get; set; }
  protected override void OnInitialized()
  {
    if (Parent != null)  Parent.Add(this);    
  }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将List <string>作为参数传递给blazor中的子组件?

来自分类Dev

将参数传递给React组件

来自分类Dev

将参数传递给功能组件

来自分类Dev

将几个参数传递给react组件

来自分类Dev

Blazor-将参数传递给父对象

来自分类Dev

如何将列表作为参数传递给blazor页面

来自分类Dev

如何将参数传递给余烬组件

来自分类Dev

将参数传递给Ionic 2中的组件

来自分类Dev

如何将参数传递给表组件?

来自分类Dev

将参数传递给自定义组件

来自分类Dev

使用指令将参数传递给子组件angular

来自分类Dev

如何将参数传递给组件查询(非静态)?

来自分类Dev

将参数传递给Angular组件中的getter的替代方法

来自分类Dev

如何通过语义ui将参数传递给Dropdown组件?

来自分类Dev

将URL参数传递给React.js根组件

来自分类Dev

如何将参数传递给Vue组件?

来自分类Dev

如何将参数传递给Camel中的myBatis组件?

来自分类Dev

如何将参数正确传递给joomla组件?

来自分类Dev

如何将参数传递给脱机渲染的组件?

来自分类Dev

Angular 2将字符串参数传递给组件

来自分类Dev

可以将参数传递给路径中的组件

来自分类Dev

从方法渲染时将参数传递给反应组件

来自分类Dev

Angular 7:将参数传递给其他组件错误

来自分类Dev

将参数从组件传递给动作创建者

来自分类Dev

将数字传递给组件

来自分类Dev

将数组传递给组件

来自分类Dev

Blazor:如何将事件传递给通用组件中的onClick函数

来自分类Dev

将新参数传递给组件时更新组件(VUE JS)

来自分类Dev

将参数传递给扩展