ComboBox

1. Demo AstrolComboBox

Name

@using Astrol.Component.Basic.Form

<AstrolComboBox HasContentInput = "true"

 ShowOpenIcon="true"

 TItem="Person"

 Placeholder="Search for a person"

 Id="@nameof(Person.Name)"

 PropertyShow="@nameof(Person.Name)"

 OnChange="OnChange"

 NoSearchResultText="No results found"

 DataList="list" />

<div><b>Id: </b>@person?.Id</div>

<div><b>Name: </b>@person?.Name</div>

<div><b>Age: </b>@person?.Age</div>

<div><b>Sex: </b>@person?.Sex</div>

@code {

 private Person? person;

 private async Task OnChange(ChangeEventArgs e) {

 person = (Person?)e.Value;

 List<Person> list = new List<Person> {

 new Person { Id = 1, Name = "Juan", Age = 25, Sex = true },

 new Person { Id = 2, Name = "Ana", Age = 30, Sex = false },

 new Person { Id = 3, Name = "Pedro", Age = 42, Sex = true },

 new Person { Id = 4, Name = "María", Age = 19, Sex = false },

 new Person { Id = 5, Name = "Carlos", Age = 55, Sex = true }

};

 public class Person {

 public int Id { get; set; }

 public string Name { get; set; }

 public int Age { get; set; }

 public bool Sex { get; set; }

Parámetros que admite

Id (string), propiedad id HTML que desee establecer.
Class (string), clase css personalizada que desee establecer.
HasContentInput (bool), permite establecer si desea usar el contenedor AstrolContentInput, por defecto es false.
ShowOpenIcon (bool), permite establecer si se muestra el ícono a la derecha del componente, solo aplica si HasContentInput es true, por defecto es false.
Placeholder (string), texto placeholder a mostrar si desea.
Filtrable (bool), permite establecer si desea que se filtre mientras se escribe, por defecto es true.
TItem (objeto), objeto que se desea representar (requerido).
InitialValue (TItem), valor inicial (puede ser nulo).
PropertyShow (TItem), propiedad del objeto que desea mostrar al desplegar la lista (requerido).
PropertyShowIsHtml(bool), permite establecer si el valor de la propiedad PropertyShow es HTML para que se renderice como tal, por defecto es (false).
DataList (List<TItem>), lista de objetos a representar.
OnChange (EventCallback<ChangeEventArgs>), evento de respuesta que se lanza cuando se selecciona el objeto deseado (requerido).
NoSearchResultText (string), texto a mostrar cuando no se encuentran resultados (por defecto es Sin resultados).