Get Id of Selected Object

[Michael Gerling]

I'm trying to use Combobox to select an item.

Here's my code:

 <EjsComboBox    TValue="SFObject" @ref="Combo" Placeholder="Auswählen" OnChange="LookUp"  @bind-Value="@SelectedSFItem" DataSource="@SFList"  IgnoreAccent=true  FilterType="Syncfusion.EJ2.Blazor.DropDowns.FilterType.Contains">
        <ComboBoxFieldSettings    Value="Name"> </ComboBoxFieldSettings>
    </EjsComboBox>

SFList ist a List<SFObject> and SFObject Contains several properties. I want to Display the Name property in the Combobox, but I Need my Id Property to consume the selection.

How can I achieve this. It seems there is no DisplayMember/ ValueMember and i can't find the SelectedItem anywhere in my @ref=Combo Object.

The SelectedSFItem also stays empty...

Any suggestions?

Thanks Michael

[Narayanasamy Panneer Selvam]

Hi Michael,

Greetings from Syncfusion support.

We have validated your requirement. Yes, you can get the selected object’s ID through ItemData by using OnValueSelect event argument. Here you can get ID field by deserializing the ItemsData. Please refer the below code example, 

Code example:  

@using Syncfusion.EJ2.Blazor.DropDowns; 

@using Newtonsoft.Json;   

        <EjsComboBox TValue="string" @ref="comboObj" PopupHeight="230px" Index=2 Placeholder="Select a game" DataSource="@Games"> 

            <ComboBoxEvents TValue="string" OnValueSelect="@OnValSelect"> </ComboBoxEvents> 

            <ComboBoxFieldSettings Value="Text"></ComboBoxFieldSettings> 

        </EjsComboBox> 

@code{ 

 

  public void OnValSelect(Syncfusion.EJ2.Blazor.DropDowns.SelectEventArgs args) 

    { 

        string output = JsonConvert.SerializeObject(args.ItemData); 

       var SelectedID = JsonConvert.DeserializeObject<GameFields>(output).ID; 

 

    } 

} 

For your convenience we have attached the demo sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorApp3_1-626557802  

Let us know if you need further assistance on this.

Regards,
Narayanasamy P.