如何将表单输入绑定到字典值

我正在创建一个 ASP.NET core razor 页面 Web 应用程序，其中一个页面需要能够修改Dictionary<string, string>财产。

我试图修改的对象如下：

public class Element
{
    [Key]
    public string ID {get;set;}
    public Dictionary<string, string> Values = new Dictionary<string, string>(); 
}

我可以使用以下代码在页面上显示值：

<form method="POST">
    <ul>
        <li hidden="true">ID: <input asp-for="FocusedItem.ID"/></li>
        @for (int i = 0; i < Model.FocusedItem.Values.Count(); i++)
        {
            <li>@Model.FocusedItem.Values.ElementAt(i).Key: <input asp-for="@Model.FocusedItem.Values.ElementAt(i).Value"/></li>
        }
    </ul>
    <br />
    <input type="submit" value="Submit" />
</form>

pagemodel包含以下方法来处理post事件：

public void OnPost(Element FocusedItem)
{
}

“ID”属性已正确填充，但是“Values”属性的计数为 0（表单上的输入值未绑定到 Dictionaty）。如何解决这个问题？

还有一个额外的问题 - 如何向字典添加新元素？

编辑：代码- -cshtml：https://raw.githubusercontent.com/thezaza101/RDMUI/master/Pages/Data/ElementManager.cshtml https://raw.githubusercontent.com/thezaza101/RDMUI/master/Pages/Data/ElementManager.cshtml -cs: https://raw.githubusercontent.com/thezaza101/RDMUI/master/Pages/Data/ElementManager.cshtml.cs https://raw.githubusercontent.com/thezaza101/RDMUI/master/Pages/Data/ElementManager.cshtml.cs

@MarkG 很接近，但实际的语法是：Values[N].Key and Values[N].Value, where N是你的索引。但是，由于您使用标签助手来生成字段，所以真正的问题是您使用ElementAt。模型表达式不能包含任意方法，因为无法绑定到类似的方法ElementAt在最终的 POST 处理中。相反，您必须使用索引语法，即[i]。但是，使用字典会出现问题，因为它无法按项目位置（仅键）进行索引。

老实说，我倾向于避免发布字典，因为它是非结构化数据。 99.99% 的情况下，将其分解为具有属性而不是键字典的类可能会更好。如果你坚持使用字典，你可以try将实际键值作为索引器传递：

@foreach (var key in Model.Values.Keys)
{
    <input asp-for="Values[key]" />
}

我个人没有尝试过，但我认为它应该有效。除此之外，我唯一的办法know作品是手动生成输入名称：

<input name="Values[@i].Key" value="@Model.Values.ElementAt(i).Key" />
<input name="Values[@i].Value" value="@Model.Values.ElementAt(i).Value" />