基于RadzenNumeric的值动态添加RadzenTextBox

Question

我正在Blazor/C#中创建一个应用程序，主要使用Radzen组件。我的目标是让用户使用RadzenNumeric选择要添加的项目数量，然后动态创建该数量的文本框。

我找到了一个几乎符合我需求的工作示例。但是，我似乎无法从RadzenNumeric Change="@onchange_n"；。

以下是我目前所拥有的：

<RadzenNumeric Value="@N" class="w-100" Change="@onchange_n" />  Sum: @total

我觉得这是价值属性，我错了。我以下面的工作示例为基础。这个有效：

<input type="number" value="@N" @oninput="onchange_n"> Sum: @total

代码：

@foreach (var i in Enumerable.Range(0,N))
{
var ii=i;
<input type="number" value="@MyList[ii]"
@oninput="(e) => resum(ii, e)"><br>
}

@code
{
private int N = 0, total = 0;
private List<int> MyList = new List<int>();
private Void onchange_n(ChangeEventArgs e)
{
N=0;
if (Int32.TryParse(e.Value.ToString(), out int n)) N = n
MyList.Clear();
MyList.AddRage(Enumerable.Range(0,N).Select(_=>0));
StateHasChanged();
}
private void resum(int i, ChangeEventArgs e)
{
var n = 0;
if (Int32.TryParse(e.Value.ToString(), out int auxn)) n = auxn;
MyList[i] = n;
total = MyList.Sum(x=>x);
}
}

我不明白为什么它会从(<input-type="number"(框中正确地触发onchange_n，而不是RadzenNumeric。Value不是@N的合适位置吗？我错过了什么。？

Answer 1

input元素的@oninput参数的类型为EventCallback<ChangeEventArgs>，但RadzenNumeric组件的Change参数的类型是EventCallback<TValue>。

尝试：

<RadzenNumeric TValue="int" Value="@N" class="w-100" Change="@onchange_n" />  Sum: @total
@code {
private int N = 0, total = 0;
private List<int> MyList = new List<int>();
private void onchange_n(int value)
{
N = value;
MyList.Clear();
MyList.AddRange(Enumerable.Range(0, N).Select(_ => 0));
StateHasChanged();
}
private void resum(int i, ChangeEventArgs e)
{
var n = 0;
if (Int32.TryParse(e.Value.ToString(), out int auxn)) n = auxn;
MyList[i] = n;
total = MyList.Sum(x => x);
}
}