onchange event not firing

[theafricaninternetgroup]

I have implemented and custom InputSelect blazor component where the user can specify the list type,display and value members
I have restricted the list type to ReadOnlyListBase and BusinessListBase.The select HtmlElement is being populated by use of reflection what I am not getting right the onchange event is not firing.I not quite sure where I am getting it wrong.The code snipnet of component is shown below

@using System.Reflection
@using Csla.Core
@using Csla

<select  @onchange="ValueChanged" class="@CssClass">
    @if(string.IsNullOrEmpty(InitialValue) && !string.IsNullOrEmpty(InitialText))
    {
        <option value="" selected>@InitialText</option>
    }
    else if(!string.IsNullOrEmpty(InitialValue) && !string.IsNullOrEmpty(InitialText))
    {
        <option value="@InitialValue" selected>@InitialText</option>
    }
    @if(!string.IsNullOrEmpty(DisplayMember) && !string.IsNullOrEmpty(ValueMember) && list != null)
    {
        foreach(var item in list)
        {
            var type = item.GetType();
            var value = type.GetProperty(ValueMember).GetValue(item);
            var text = type.GetProperty(DisplayMember).GetValue(item);
            <option value="@value.ToString()">@text</option>
        }
    }
</select>`
`



`
@code {


    [Parameter]
    public string InitialText { get; set; } = "";
    [Parameter]
    public string InitialValue { get; set; } = "";
    private string displayMember;
    [Parameter]
    public string DisplayMember
    {
        get
        {
            return displayMember;
        }
        set
        {
            if (_list != null)
            {

                var childType = Csla.Utilities.GetChildItemType(_list);
                var prop = childType.GetProperty(value);
                if (prop != null)
                {
                    displayMember = value;
                }

            }
        }
    }

    private string valueMember;
    [Parameter]
    public string ValueMember
    {
        get
        {
            return valueMember;
        }
        set
        {
            if (_list != null)
            {

                var childType = Csla.Utilities.GetChildItemType(_list);
                var prop = childType.GetProperty(value);
                if (prop != null)
                {
                    valueMember = value;
                }

            }
        }
    }



    private Type _list;
    [Parameter]
    public Type List
    {
        get
        {
            return _list;
        }
        set
        {
            if (value.BaseType.Name == typeof(Csla.ReadOnlyListBase<,>).Name
                     || value.BaseType.Name == typeof(Csla.BusinessListBase<,>).Name)
            {
                _list = value;
            }
        }
    }

    private System.Collections.IEnumerable list;
    protected override void OnParametersSet()
    {
        if (_list != null)
        {
            if (!string.IsNullOrEmpty(displayMember) && !string.IsNullOrEmpty(valueMember))
            {
                var method = _list.GetMethod($"Get{_list.Name}");
                list = method.Invoke(null, null) as System.Collections.IEnumerable;
            }
        }
    }

    [Parameter]
    public Csla.Blazor.IPropertyInfo Property { get; set; }
    [Parameter]
    public string CssClass { get; set; }
    [Parameter]
    public Type PropertyType { get; set; }
    private string propertyValue;

    private string PropertyValue
    {
        get
        {
            return propertyValue;
        }
        set
        {
            Property.Value = Csla.Utilities.CoerceValue(PropertyType,value.GetType(),Property.Value, value);
            PropertyValue = value;

        }
    }
    private void ValueChanged(ChangeEventArgs e)
    {
        PropertyValue = e.Value.ToString();
    }


}

You usual community support will be highly appreciated
Many thanks
Dennis

[rockfordlhotka]

You are saying ValueChanged is not being raised?

<select  @onchange="ValueChanged" class="@CssClass">

[theafricaninternetgroup]

@rockfordlhotka when I use the following code snippet my code works

<select @bind-value="vm.Model.Type" @bind-value:event="onchange" class="form-control">
  <option value="0">-Select Type-</option> 
  @foreach(var item in wageTypes)
  {
   <option value="@item.Id">@item.Name</option>
  } 
</select>

However when I use SelectInput component my code fails

<SelectInput
 List="@typeof(PayrollGenius.BusinessLibrary.WageTypeList)"
 ValueMember="Id"
 DisplayMember="Name"
 InitialText="-Select Type-" InitialValue="0"
 PropertyType="typeof(int)"
 Property="vm.GetPropertyInfo(()=>vm.Model.Type)"
 CssClass="form-control" />

I am not quite sure where I am going wrong

[rockfordlhotka]

I'm not sure either. Perhaps ask in the Blazor gitter channel?