In the sample code below, selecting an item from the dropdown correctly changes the value displayed in the in-place editor textbox except when I come back to select the initial value after first selecting a different value. Then, the value doesn't change. Only if I click on the textbox does the correct value then show.
<div>
<SfInPlaceEditor Mode="Syncfusion.Blazor.InPlaceEditor.RenderMode.Inline"
EditableOn="EditableType.Click"
Type="Syncfusion.Blazor.InPlaceEditor.InputType.Text"
TValue=string
ShowButtons="false"
Disabled="false"
SubmitOnEnter="true"
CssClass="value-editor">
<EditorComponent>
</EditorComponent>
</SfInPlaceEditor>
</div>
<div>
<SfDropDownList TValue="int"
TItem="QuantityModel"
CssClass="uom-selector"
DataSource=@QuantityList
PopupHeight="200px"
PopupWidth="140px">
<DropDownListTemplates TItem="QuantityModel">
<ItemTemplate>
<span><span>@((context as QuantityModel).Value)</span> <span>@((context as QuantityModel).Symbol)</span></span>
</ItemTemplate>
<ValueTemplate>
<span>@((context as QuantityModel).Symbol)</span>
</ValueTemplate>
</DropDownListTemplates>
<DropDownListEvents TItem="QuantityModel" TValue="int" ValueChange="SelectHandler"></DropDownListEvents>
<DropDownListFieldSettings Text="Symbol" Value="UnitValue"></DropDownListFieldSettings>
</SfDropDownList>
</div>
@code {
public QuantityModel QuantityToShow = new QuantityModel {Symbol = "B", UnitValue = 1, Value = "One"};
List<QuantityModel> QuantityList = new List<QuantityModel>
{
new QuantityModel {Symbol = "A", UnitValue = 0, Value = "Zero"},
new QuantityModel {Symbol = "B", UnitValue = 1, Value = "One"},
new QuantityModel {Symbol = "C", UnitValue = 2, Value = "Two"},
};
public void SelectHandler(ChangeEventArgs<int, QuantityModel> args)
{
QuantityToShow = args.ItemData;
}
public class QuantityModel
{
public string? Value { get; set; }
public int UnitValue { get; set; }
public string Symbol { get; set; }
}
}