I'm currently using <MatSelectItem> component, how do I bind the value of my object's property to @bind-Value?
Without @bind-Value I actually can see a list of items with the class type which I am able to confirm my list of item is loaded into this component just that the @bind-Value is not setup properly yet
Likewise, your Items appear to not be a list, which is part of your problem. It expects a list from which it creates the drop down.
There’s a few good examples on the Matblazor website
1 reply
One way to do so is have a field of the objects property type. E.g if I have a car object and I want to bind on the car make (Toyota) I can have a string carMake which I bind the value to when I select the item in my array/dictionary/list (whatever it is).
Do you mean that I have to create another List<string> in order to bind to the bind-value
@quilnux It's MIT licensed so it basically involves both business and non-business use - with all the terms that comes with the MIT license. If you wan't to support MatBlazor with more than $10 a month I think your best bet is to contact @samprof here on gitter and initialize a discussion.
Oh, looks like already known bug - SamProf/MatBlazor#636
Any workaround here?
so far did this:
# _Host.cshtml
<script>
// dirty hack
let f = matBlazor.matSelect.setValue;
let f1 = function(...args) {
let r = f(...args);
let el = document.getElementById(args[0].getAttribute("prefix") + args[1]);
if (el !== null)
el.click();
return r;
};
matBlazor.matSelect.setValue = f1;
</script>and
<MatSelect Prefix="level_" FullWidth="true" Class="mb-2 full-width" Label="Next Level" @bind-Value="_form.NextLevel">
<MatOptionString ></MatOptionString>
@foreach (var o in options.Options_)
{
<MatOptionString Id="@($"level_{o.Key}")" Value="@o.Key.ToString()">@o.Value</MatOptionString>
}
</MatSelect>
@code {
_form.NextLevel = "1";
}
The pop out may be possible with a dialog, but I’m not wholly certain
We are always looking for contributions, squashing bugs and such
i dont mind to contribute if im capable
But yup, that’s be great. There are some easy first issues if you’re looking to get involved
@khew81
thankss
btw can I ask you where should I call my javascript function on page refresh?
I shall call it in OnInitializedAsync or OnAfterRenderAsync?
It’s sounds dependent on your need?
