|
@using Syncfusion.Blazor.DropDowns
@using System.Collections.ObjectModel;
<div>
<SfComboBox @ref="DDLObject" TItem="RecordModel" TValue="int" @bind-Value="@id" DataSource="@records">
<ComboBoxFieldSettings Text="@nameof(RecordModel.Text)" Value="@nameof(RecordModel.Id)" />
<ComboBoxEvents TValue="int" Focus="OnFocus" ValueChange="OnValueChange"></ComboBoxEvents>
</SfComboBox>
</div>
@code
{
SfDropDownList<int, RecordModel> DDLObject;
private int id;
public class RecordModel
{
public int Id { get; set; }
public string Text { get; set; }
}
private ObservableCollection<RecordModel> records = new ObservableCollection<RecordModel>() {
new RecordModel(){ Id= 1, Text= "A" },
new RecordModel(){ Id= 2, Text= "B" },
new RecordModel(){ Id= 3, Text= "C" },
new RecordModel(){ Id= 4, Text= "D" },
new RecordModel(){ Id= 5, Text= "E" },
new RecordModel(){ Id= 6, Text= "F" },
new RecordModel(){ Id= 7, Text= "G" }
};
public void OnFocus()
{
this.DDLObject.ShowPopup();
}
public void OnValueChange(Syncfusion.Blazor.DropDowns.ChangeEventArgs<int> args)
{
this.DDLObject.FocusOut();
}
}
| 
