Добавление классов в валидацию Blazor (Razor) - PullRequest
Новая
       3

Добавление классов в валидацию Blazor (Razor)

0 голосов
/ 02 апреля 2020

Я знаю, что все еще довольно рано на пути разработки Blazor, но мне интересно, кто-нибудь сталкивался со способом применить классы к сообщению проверки Blazor? Вот пример кода. 

        <EditForm Model="@Employee" OnValidSubmit="@HandleValidSubmit">
        <DataAnnotationsValidator />
        <ValidationSummary />
        <div class="form-group row">
            <label for="lastName" class="col-sm-3">Last Name: </label>
            <div class="col-sm-8">
                <InputText id="lastName" @bind-Value="@Employee.LastName" class="form-control" placeholder="Enter last name" />
                <ValidationMessage For="@(() => Employee.LastName)" />
            </div>
        </div>

Я бы хотел добавить текстовое сообщение об опасности, col-sm-8 или другие классы в сообщение проверки. Я уже знаю, что мог бы сделать это с css, используя класс ошибки валидации по умолчанию.

1 Ответ

0 голосов
/ 02 апреля 2020

Как указывалось выше, вы можете создать подкласс класса компонента ValidationMessage ... Я дам вам более простое решение, так как я предпочитаю не иметь множество классов в моих проектах только для небольшого изменения внешнего вида.

Просто оберните ValidatorMessage с div и примените к нему классы: 

<div class="col-sm-8 text-danger">
    <ValidationMessage For="@(() => Employee.LastName)" />
</div>

В любом случае, то, что делает компонент ValidationMessage (по коду), представляет простой div с классом «validation-message», так Если у вас есть проблемы с тем, что какой-либо стиль не применяется, учтите, что вы можете форсировать стили, используя правильные селекторы css (и, возможно, некоторые! важные теги ...).

...