Question

我实际上是在Blazor项目（0.8.0）中进行表单验证。

我创建了一个名为InputValidation的组件。该组件接收许多参数，以根据我们可以设置的条件测试属性值是否正确。

@using System.Linq.Expressions;

@typeparam TItem

@if (!Valid)
{
    <span id="@(Id)_validation" class="form-text text-danger">@Message</span>
}

@functions {

    [Parameter]
    string Id { get; set; }

    [Parameter]
    TItem Property { get; set; }

    [Parameter]
    Expression<Func<TItem, bool>> On { get; set; }

    [Parameter]
    string Message { get; set; }

    [Parameter]
    bool ActiveOnLoad { get; set; } = true;

    internal bool Valid { get; set; }
    bool Activated;

    protected async override Task OnInitAsync()
    {
        Activated = ActiveOnLoad;
    }

    protected async override Task OnAfterRenderAsync()
    {
        Activated = true;
    }

    protected async override Task OnParametersSetAsync()
    {
        Valid = !On.Compile().Invoke(Property);
    }
}

您可以像这样在父组件上实现它：

<InputValidation Id="@nameof(ViewModel.UrlInput)" Property="@ViewModel.UrlInput" On="@(x => string.IsNullOrEmpty(x))" Message="Url is empty" ActiveOnLoad="@false"/>

我已经编写了一个类，用于验证所有InputValidation组件均具有在 true 处有效的属性。

@if (ViewModel.IsValid(this))

此代表父组件。

问题是...它不起作用！

这是验证器的代码：

public static class ModelValidator
{
    public static bool IsValid<T, V>(this T viewmodel, V component) where T : IViewModel where V : ComponentBase
        => component.GetType().GetFields().OfType<InputValidation<T>>().All(x => x.Valid);
}

我知道它不起作用，但是即使我们使用了反射（GetProperties，GetFields，GetMembers），它也不会返回父组件的任何InputValidation成员。

我的问题是：有没有一种方法可以通过使用反射来获取所有子组件？如果是，该怎么办？

我知道Blazor仍处于早期阶段，我希望它会很快发布，因为它是一项非常令人愉快的技术！

感谢您的回复！

Answer 1

这里不需要反射（InputValidation组件不是父级中的字段，它是将由RenderTree呈现的组件）。

您可以使用ref属性捕获对每个InputValidation组件的引用。

<InputValidation ref="@InputValidationRef" Id="@nameof(ViewModel.UrlInput)" Property="@ViewModel.UrlInput" On="@(x => string.IsNullOrEmpty(x))" Message="Url is empty" ActiveOnLoad="@false"/>

通常，此引用“ InputValidationRef”将是一个字段，但是您可以使用带有自定义设置器的属性来构建列表（或您喜欢的任何集合）

List<InputValidation> InputValidations = new List<InputValidation>();
InputValidation InputValidationRef { set => InputValidations.Add(value); }

因此，现在将每个InputValidation捕获为一个引用，并且将为每个InputValidationRef设置属性InputValidationRef，依次将所有引用存储在集合“ InputValidations”中。

现在，您有一个收藏夹，可以进行测试

InputValidations.All(iv => iv.Valid)

注意：仅在呈现组件/页面之后填充集合，因此在初始页面加载期间，引用的集合为空，直到调用OnAfterRender / OnAfterRenderAsync方法为止。

Blazor通过反射获得嵌套组件

1 个答案: