We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
|
<EditForm Model="@model"> <SfDropDownList TValue="string" TItem="Countries" CssClass="@Validate" Width="200px" ShowClearButton="true" Placeholder="e.g. Australia" DataSource="@Country">
<DropDownListFieldSettings Text="Name" Value="Code"></DropDownListFieldSettings>
<DropDownListEvents TValue="string" ValueChange="OnChange"></DropDownListEvents>
</SfDropDownList>
</EditForm>
public void OnChange(ChangeEventArgs<string> args) {
if (args.Value == null)
{
this.Validate = "e-error";
}
else
{
this.Validate = "e-success";
}
}
|
 |
 |
|
<EditForm Model="@model">
<DataAnnotationsValidator />
<SfDropDownList TValue="int?" TItem="Countries" Width="200px" ShowClearButton="true" @bind-Value="@model.dropVal" Placeholder="e.g. Australia" DataSource="@Country">
<DropDownListFieldSettings Text="Name" Value="Code"></DropDownListFieldSettings>
</SfDropDownList>
<ValidationMessage For="() => model.dropVal" />
<SfButton CssClass="e-small e-info" Type="submit" Content="Submit"></SfButton>
</EditForm>
@code{
public class Countries
{
public string Name { get; set; }
public int? Code { get; set; }
[Required]
public int? dropVal { get; set; } = 2;
}
List<Countries> Country = new List<Countries>
{
new Countries() { Name = "Australia", Code = 1 },
new Countries() { Name = "Bermuda", Code = 2 },
new Countries() { Name = "Canada", Code = 3 }
};
public Countries model = new Countries();
}
|
|
Required validation |
Success validation |
 |
 |
