Blazor bind-Value to component

Question

Blazor bind-Value to component

Djordje Radovanovic 0

Inside blazor page I have defined child component. I defined bind-value to a component like this:

  <RadLpr @ref="radlpr" @bind-iRadid="SelectedRadid"></RadLpr>

but when the code hit this point I receive this error:

23-10-17T11:33:16.367Z] Error: System.InvalidOperationException: Object of type 'BezraWEB_Server.Pages.RadLpr' does not have a property matching the name 'iRadidChanged'

In my child component variable for receiving parameter is iRadid not iRadidChanged so I consider this as a bug.

Where did I go wrong?

Anonymous

Hi @Djordje Radovanovic ,

I don't know how you implement this. I have test in my local and it works fine, if I have a misunderstanding about this issue, please let me know in time.

RadLpr.razor

<h3>RadLpr</h3>

<p>Current iRadid Value: @iRadid</p>

<input type="number" @bind="iRadid" />

<button @onclick="IncrementValue"> + 1 </button>

@code {
    private int _iRadid;

    [Parameter]
    public int iRadid
    {
        get => _iRadid;
        set
        {
            if (_iRadid != value)
            {
                _iRadid = value;
                iRadidChanged.InvokeAsync(value);
            }
        }
    }

    [Parameter]
    public EventCallback<int> iRadidChanged { get; set; }

    private void IncrementValue()
    {
        iRadid++;
    }
}

Index.razor

@page "/"

<RadLpr @ref="radlpr" @bind-iRadid="SelectedRadid"></RadLpr>

<PageTitle>Index</PageTitle>

<h1>Hello, world!</h1>

Welcome to your new app.

<SurveyPrompt Title="How is Blazor working for you?" />

@code {
    private RadLpr radlpr;

    private int SelectedRadid { get; set; } = 0;
}

Best Regards

Jason

Your answer

Anonymous

2023-10-18T05:37:52.86+00:00

Hi @Djordje Radovanovic ,

I don't know how you implement this. I have test in my local and it works fine, if I have a misunderstanding about this issue, please let me know in time.

RadLpr.razor

<h3>RadLpr</h3> <p>Current iRadid Value: @iRadid</p> <input type="number" @bind="iRadid" /> <button @onclick="IncrementValue"> + 1 </button> @code { private int _iRadid; [Parameter] public int iRadid { get => _iRadid; set { if (_iRadid != value) { _iRadid = value; iRadidChanged.InvokeAsync(value); } } } [Parameter] public EventCallback<int> iRadidChanged { get; set; } private void IncrementValue() { iRadid++; } }

Index.razor

@page "/" <RadLpr @ref="radlpr" @bind-iRadid="SelectedRadid"></RadLpr> <PageTitle>Index</PageTitle> <h1>Hello, world!</h1> Welcome to your new app. <SurveyPrompt Title="How is Blazor working for you?" /> @code { private RadLpr radlpr; private int SelectedRadid { get; set; } = 0; }

Best Regards

Jason

Share via

Blazor bind-Value to component

Your answer