Breaking News: Grepper is joining You.com. Read the official announcement!

mudblazor @bind and @onchange

Lonely Lark answered on May 18, 2023 Popularity 2/10 Helpfulness 3/10

answer mudblazor @bind and @onchange

mudblazor @bind and @onchange

Comment

Razor

@foreach (var item in Model.Brand.CheckBoxes)
{
    <label>
        @item.Value
        <input type="checkbox" @onchange="(e) => FilterChangedBrand(item, e)" />
    </label>
}

@code

// Some Model
public FiltersModel Model { get; set; } // Initialized in OnParametersSet

// Some event you want to fire
public event Action<FiltersModel> FiltersChanged;

private void FilterChangedBrand(FilterCheckBox item, ChangeEventArgs e)
{
    // here you do work of @bind
    item.Checked = !item.Checked;
    string newCheckedBrand = e.Value.ToString();
    // Now How to Find and Set the relevant Model property to newCheckedBrand
    // You can invoke anything here, not just this event
    FiltersChanged?.Invoke(Model);
}

Popularity 2/10 Helpfulness 3/10 Language html

Source: stackoverflow.com

Tags: html mudblazor

Link to this answer
Share Copy Link