题
我对网络前端相当陌生，但我认为在我正在显示的矩阵中为每个'缺陷'切换按钮会很棒（所以你可以选择一个回溯矩阵的路径）。
幸运的是，我想出了如何在Blazor中动态制作按钮......不幸的是，我似乎无法弄清楚如何“连接”按钮。
如果我静态地制作一个按钮，我可以说onclick =“@（（）=> alignment.ChangeArrow（1））”为第一个缺陷位置，用2替换1代表第二个等等...
在下面的代码片段中给它1（而不是i）使得所有按钮都适用于第一个缺陷，但是如果我给它变量i那么它根本不起作用？
@for (int i = 0; i < alignment.FlawList.Count; i++)
{
<button class="button" style="background-color:@alignment.ReturnColor(i)" onclick="@(()=>alignment.ChangeArrow(i))">@alignment.FlawList[i] @i</button>
}
是否有更好的Blazor，网络方式来做我正在谈论的事情？
感谢您的指导。
一般承认的答案
尝试这个：
@for (int i = 0; i < alignment.FlawList.Count; i++)
{
var local_i = i;
<button class="button" style="background-color:@alignment.ReturnColor(local_i)" onclick="@(()=>alignment.ChangeArrow(local_i))">@alignment.FlawList[local_i] @local_i</button>
}
热门答案
这可能适用于调整....对性能等没有任何想法。无论如何看起来都很有趣。让我想起做Winforms，但我真的不喜欢在WinForms中做长代码。能够在C＃中生成RenderFragments有一些好处。
在cshtml中放置一个RenderFragment标记。 （无论你需要它在页面上呈现）
@MyFragment
创建更改箭头方法
void ChangeArrow(int i)
{
Console.WriteLine("Changing arrow");
}
生成RenderFragment委托
static RenderFragment MyFragment = build =>
{
for (int i = 0; i < alignment.FlawList.Count; i++)
{
build.OpenElement(i + 101, "button"); //Open Element
build.AddAttribute(i + 101, "style",
$"background-color:{alignment.ReturnColor(i)}");
build.AddAttribute(i + 101, "onclick", ChangeArrow(i)); // Assign Func to the onclick Attribute
build.AddContent(i + 101, $"{alignment.FlawList[i]} {i}");
build.CloseComponent(); //Making sure to close Element
}
};
许可下: CC-BY-SA with attribution
不隶属于 Stack Overflow