2

我有一个包含字典属性的模型。（这已经从一个更大的项目中提炼到这个例子中，我已经确认它仍然有同样的问题）

public class TestModel
{
    public IDictionary<string, string> Values { get; set; }

    public TestModel()
    {
        Values = new Dictionary<string, string>();
    }
}

控制器

public class TestController : Controller
{
    public ActionResult Index()
    {
        TestModel model = new TestModel();
        model.Values.Add("foo", "bar");
        model.Values.Add("fizz", "buzz");
        model.Values.Add("hello", "world");

        return View(model);
    }

    [HttpPost]
    public ActionResult Index(TestModel model)
    {
        // model.Values is null after post back here.
        return null; // I set a break point here to inspect 'model'
    }
}

和一个视图

@using TestMVC.Models
@model TestModel
@using (Html.BeginForm())
{
    @Html.EditorFor(m => m.Values["foo"]);
    <br />
    @Html.EditorFor(m => m.Values["fizz"]);
    <br />
    @Html.EditorFor(m => m.Values["hello"]);
    <br />
    <input type="submit" value="submit" />
}

这会像这样呈现给浏览器：

<input class="text-box single-line" id="Values_foo_" name="Values[foo]" type="text" value="bar" />

我遇到的问题是回发后模型上的字典为空。

  • 我这样做对吗，还是有更好的方法？

我需要某种键值存储，因为我的表单上的字段是可变的，所以我不能使用 POCO 模型。

4

4 回答 4

2

阅读 Scott hanselman 关于该主题的博客文章以获取更多详细信息，但同时，为了解决您的问题，只需将您的视图替换为以下内容：

<input type="hidden" name="Values[0].Key" value="foo" />
<input type="text" name="Values[0].Value" value="bar" />

对所有部分重复相同的操作，也许将其放入 for 循环中，例如：

@for(i=0;i<Model.Values.Count;i++)
{
    @Html.Hidden("Values[@i].Key", @Model.Values.Keys[@i])
    @Html.TextBox("Values[@i].Value", @Model.Values.Values[@i])
}

请注意，只有使用OrderedDictionary才能通过索引访问键和值

于 2012-05-11T18:20:35.547 回答
1

Scott hanselman 展示了如何将模型绑定到字典

http://www.hanselman.com/blog/ASPNETWireFormatForModelBindingToArraysListsCollectionsDictionaries.aspx

从博客引用

如果签名看起来像这样：

public ActionResult Blah(IDictionary<string, Company> stocks) {
  // ...
}

我们在 HTML 中给出了这个：

<input type="text" name="stocks[0].Key" value="MSFT" />
<input type="text" name="stocks[0].Value.CompanyName" value="Microsoft Corporation" />
<input type="text" name="stocks[0].Value.Industry" value="Computer Software" />
<input type="text" name="stocks[1].Key" value="AAPL" />
<input type="text" name="stocks[1].Value.CompanyName" value="Apple, Inc." />
<input type="text" name="stocks[1].Value.Industry" value="Consumer Devices" />

http://haacked.com/archive/2008/10/23/model-binding-to-a-list.aspx

@model Dictionary<string, string>

@for (int i = 0; i < 3; i++)
{    
  Html.EditorFor(m => m[i].Value)    
{

我认为它也可以按键工作，例如

Html.EditorFor(m => m.Values["foo"].Value)
于 2012-05-11T17:54:28.687 回答
1

如果您需要绑定字典，以便每个值都有一个 texbox 来编辑它，下面是使其工作的一种方法。影响 HTML 中 name 属性如何生成的真正重要部分是模型表达式，它确保模型绑定在回发时发生。此示例仅适用于 Dictionary。

链接的文章解释了使绑定工作的 HTML 语法，但它让 Razor 语法完成这一点相当神秘。此外，这篇文章的不同之处在于它们允许编辑键和值，并且使用整数索引，即使字典的键是字符串，而不是整数。因此，如果您尝试绑定字典，则在决定采用哪种方法之前，您确实需要首先评估您是否只希望值可编辑，或者键和值都可编辑，因为这些情况完全不同。

如果您需要绑定到一个复杂的对象，即字典，那么您应该能够为每个属性设置一个文本框，并在该属性中添加表达式，类似于文章。

http://www.hanselman.com/blog/ASPNETWireFormatForModelBindingToArraysListsCollectionsDictionaries.aspx

 public class SomeVM
    {
        public Dictionary<string, string> Fields { get; set; }
    }

    public class HomeController : Controller
    {
        [HttpGet]
        public ViewResult Edit()
        {
            SomeVM vm = new SomeVM
            {
             Fields = new Dictionary<string, string>() {
                    { "Name1", "Value1"},
                    { "Name2", "Value2"}
                }
            };

            return View(vm);

        }

        [HttpPost]
        public ViewResult Edit(SomeVM vm) //Posted values in vm.Fields
        {
            return View();
        }
    }

CSHTML：

仅限值的编辑器（当然，您可以添加 LabelFor 以根据键生成标签）：

@model MvcApplication2.Controllers.SomeVM

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>SomeVM</legend>

        @foreach(var kvpair in Model.Fields)
        {
            @Html.EditorFor(m => m.Fields[kvpair.Key])  //html: <input name="Fields[Name1]" …this is how the model binder knows during the post that this textbox value gets stuffed in a dictionary named “Fields”, either a parameter named Fields or a property of a parameter(in this example vm.Fields).
        }

        <p>
            <input type="submit" value="Save" />
        </p>
    </fieldset>
}

编辑两个键/值：

    @{ var fields = Model.Fields.ToList(); }        

    @for (int i = 0; i < fields.Count; ++i) 
    {
        //It is important that the variable is named fields, to match the property name in the Post method's viewmodel.
        @Html.TextBoxFor(m => fields[i].Key)
        @Html.TextBoxFor(m => fields[i].Value)

        //generates using integers, even though the dictionary doesn't use integer keys,
        //it allows model binder to correlate the textbox for the key with the value textbox:            
        //<input name="fields[0].Key" ...
        //<input name="fields[0].Value" ...

        //You could even use javascript to allow user to add additional pairs on the fly, so long as the [0] index is incremented properly
    }
于 2012-12-04T20:29:13.197 回答
0

正如@Blast_Dan 和@gprasant 所提到的，模型绑定器期望输入元素的 name 属性为 format Property[index].Value，其中indexanint和Value是KeyValuePair类的属性之一。

不幸的是，@Html.EditorFor以错误的格式生成此值。我写了一个 HtmlHelper 扩展来将 name 属性转换为正确的格式：

public static IHtmlString DictionaryEditorFor<TModel, TProperty, TKey, TValue>(this HtmlHelper<TModel> Html, Expression<Func<TModel, TProperty>> expression, IDictionary<TKey, TValue> dictionary, DictionaryIndexRetrievalCounter<TKey, TValue> counter, string templateName, object additionalViewData)
{
    string hiddenKey = Html.HiddenFor(expression).ToHtmlString();
    string editorValue = Html.EditorFor(expression, templateName, additionalViewData).ToHtmlString();
    string expText = ExpressionHelper.GetExpressionText(expression);
    string indexText = expText.Substring(expText.IndexOf('[')).Replace("[", string.Empty).Replace("]", string.Empty);

    KeyValuePair<TKey, TValue> item = dictionary.SingleOrDefault(p => p.Key.ToString() == indexText);
    int index = counter.GetIndex(item.Key);

    string key = hiddenKey.Replace("[" + indexText + "]", "[" + index + "].Key").Replace("value=\"" + item.Value + "\"", "value=\"" + item.Key + "\"");

    string value = editorValue.Replace("[" + indexText + "]", "[" + index + "].Value");

    return new HtmlString(key + value);
}

因为整数索引必须遵循以下规则：

  1. 必须以 0 开头

  2. 必须不间断（例如，您不能从 3 跳到 5）

我写了一个计数器类来为我处理获取整数索引：

public class DictionaryIndexRetrievalCounter<TKey, TValue>
{
    private IDictionary<TKey, TValue> _dictionary;
    private IList<TKey> _retrievedKeys;

    public DictionaryIndexRetrievalCounter(IDictionary<TKey, TValue> dictionary)
    {
        this._dictionary = dictionary;
        this._retrievedKeys = new List<TKey>();
    }

    public int GetIndex(TKey key)
    {
        if (!_retrievedKeys.Contains(key))
        {
            _retrievedKeys.Add(key);
        }

        return _retrievedKeys.IndexOf(key);
    }
}
于 2012-05-11T20:58:14.810 回答