Question

我有一个包含下拉列表的视图，在选中的下拉列表项中我加载了局部视图。提交表单时，我希望能够在表单提交期间从主视图和部分视图中获取这两个值。这是主视图

@model AdminPortal.Areas.Hardware.Models.CreateModule
@{
    ViewBag.Title = "Create Module";
    Layout = "~/Views/shared/_BootstrapLayout.basic.cshtml";
}

@Html.ValidationSummary(true)


<fieldset class="form-horizontal">
    <legend>Add a Module <small>Create</small></legend>
    @using (Html.BeginForm("CreateModule", "Module", new{id="AddModuleForm"}))
    {
        @Html.ValidationSummary(true)
        <div class ="controls">
            <div class="input-block-level">@Html.TextBoxFor(model => model.ModuleId, new {@placeholder = "ModuleID"})</div>
            <br/>
            <div class ="input-block-level" id="selectedModuleTypeName">@Html.DropDownListFor(model => model.SelectedModuleTypeName, Model.TypeNames,"Select Moduletype", new{id = "ModuleList"})</div>

            <br/>
            <div id="partialDiv"></div>
        </div>
         <div class="form-actions" id="buttons">
        <button type="submit" class="btn btn-primary" id="Submit">Save changes</button>
        @Html.ActionLink("Cancel", "ModuleList", null, new { @class = "btn " })
    </div>

    }

</fieldset>
<div>
    @Html.ActionLink("Back to List", "ModuleList")
</div>
<script>
    $("#buttons").hide();
    $("#ModuleList").on("change", function() {
        var modId = $(this).val();
        $.get('@Url.Action("GetModulePropertyName", "Module")', { moduleTypeValue: modId }, function(result) {
            $("#partialDiv").html(result);
        });
        //uncomment following section to check if the partial view is working properly
        /*.done(function() { alert("done"); })
            .fail(function() { alert("fail"); })
            .always(function() { alert("completed"); });*/

    });
        $("#buttons").show();

</script>

这是部分视图

    @model IEnumerable<string>

    @foreach(var names in Model)
    {
        <div class="input-block-level">@Html.TextBoxFor(m=>names, new{Value="", placeholder=names})</div>
        <br/>
    }

这是我的模型

public class CreateModule
    {
        //Empty form to handle form serialization
        public CreateModule()
        {
        }

        [Required]
        public string ModuleId { get; set; }

        [DataType(DataType.DateTime)]
        public DateTime DateEntered { get; set; }

        [Required]
        public string SelectedModuleTypeName { get; set; }
        public IEnumerable<SelectListItem> TypeNames { get; set; }

        public List<Property> Properties { get; set; }
    }

public class Property
    {
        public string Name { get; set; }
        public string Value { get; set; }
    }

以下是方法，主视图中的脚本转发

[HttpGet]
        public ActionResult GetModulePropertyName(string moduleTypeValue)
        {
            var moduleKindId = _repository.GetModuleKindId(moduleTypeValue);
            var modulePropertyNames = _repository.GetModuleKindPropertyNames(moduleTypeValue);
            return PartialView("GetModulePropertyName",modulePropertyNames);
        }

最后这里是主视图的 httppost方法

[HttpPost]
        public ActionResult CreateModule(CreateModule moduleV)
        {
            var module = new Module
                {
                    ModuleTypeId = Convert.ToInt64(moduleV.SelectedModuleTypeName),
                    ModuleId = moduleV.ModuleId,
                    DateEntered = moduleV.DateEntered,


                };
            if (ModelState.IsValid)
            {
               _repository.AddModule(module);
                Success("Module added successfully!");
                return RedirectToAction("ModuleList", "Module", new {area = "Hardware"});
            }


                Error("Something went wrong!");
                return RedirectToAction("CreateModule", "Module", new { area = "Hardware" });

        }

现状： 发布表单时，通过部分视图传递的模型的属性值为null。我得到其他值，比如typename，Module ID。

我想要的是什么： 我还想获得通过局部视图传递的属性的值。

Answer 1

您的表单中的任何位置都没有Properties属性的任何输入字段。所以它总是为空。这很正常。

以下是您可以继续的方式。首先设置正确的导航属性，以便帮助程序生成相应输入字段的正确名称。

如果您希望能够正确地将IEnumerable<Property>模型传回部分，请确保将[HttpGet] public ActionResult GetModulePropertyName(string moduleTypeValue) { var moduleKindId = _repository.GetModuleKindId(moduleTypeValue); IList<Property> model = ... return PartialView("GetModulePropertyName", model.ToList()); }模型传递给部分：

@model IList<Property>
@{
    // This indicates the current navigational context to the helpers
    ViewData.TemplateInfo.HtmlFieldPrefix = "Properties";
}

@Html.EditorForModel()

并在局部视图中使用编辑器模板：

~/Views/Shared/EditorTemplates/Property.cshtml

，最后一步是为Property类定义自定义编辑器模板：@model Property <div class="input-block-level"> @Html.HiddenFor(m => m.Name) @Html.TextBoxFor(m => m.Value, new { placeholder = Model.Name }) </div> <br />（请注意，模板的名称和位置很重要）

{{1}}

Answer 2

尝试使用

List<Property>

作为局部视图中的模型，并将ViewModule.Properties作为模型从视图中传递

Answer 3

问题是模型绑定器无法弄清楚

@ Html.TextBoxFor（m =＆gt; names，new {Value =“”，placeholder = names}）

属于“名称”不是模型类的属性。如果需要绑定到CreateModule.Properties，则需要更改局部视图以发出具有不同名称的文本框，如下所示：

 @model IEnumerable<string>
@
{
 int i=0;
}
    @foreach(var names in Model)
    {
        <div class="input-block-level">@Html.TextBox("Properties[" + i + "].Value")</div>
        <br/>
    }

在post方法期间从局部视图中检索值

3 个答案: