DropDownList Element ID not passed in v18.3.35 ValueChange Event

[Carl Ford]

Prior to v18.3.35 in the ValueChange event I was able to retrieve the Element.ID via args.Element.ID.  Now this value is null.

                     <SfDropDownList id="sp1" TValue="string" TItem="ScoreFields" PopupHeight="100px" Width="100px" Placeholder="Score" DataSource="@SetScores">

                        <DropDownListFieldSettings Text="Text" Value="ID"></DropDownListFieldSettings>

                        <DropDownListEvents TItem="ScoreFields" TValue="string" ValueChange="@ScoreUpdated"></DropDownListEvents>

                    </SfDropDownList>

    public void ScoreUpdated(Syncfusion.Blazor.DropDowns.ChangeEventArgs<string, ScoreFields> args)

    {

        switch (args.Element.ID)

[Berly Christopher]

Hi Carl, 

  

Greetings from Syncfusion support. 

  

From the Syncfusion NuGet version 18.3.0.35, we cannot receive the DOM element in the event arguments due to component rendering structure. So, we suggest you get the component ID from the component instance or passing the component ID in the change event arguments as mentioned in the below code.   

  

<SfDropDownList ID="sp1" @ref="DropObj" TValue="string" TItem="Countries" PopupHeight="100px" Width="100px" Placeholder="Score" DataSource="@Country"> 

    <DropDownListFieldSettings Text="Name" Value="Code"></DropDownListFieldSettings> 

    <DropDownListEvents TItem="Countries" TValue="string" ValueChange="@(e => ScoreUpdated(e, "sp1"))"></DropDownListEvents> 

</SfDropDownList> 

 

 

@code{ 

    SfDropDownList<string, Countries> DropObj; 

    public void ScoreUpdated(Syncfusion.Blazor.DropDowns.ChangeEventArgs<string, Countries> args, string id) 

    { 

        var componentID = this.DropObj.ID; 

    } 

} 

  

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/DDL_ID_160163-1032745281  

  

Regards, 

Berly B.C