ASP.NET MVC 3 模型没有有关回发的信息

Question

我有一个视图，其中有几个绑定到模型的部分视图。由于某种原因，当我发布时，模型是空的，我不确定为什么。

下面是我的视图模型。

public class IndexViewModel
{
    public bool AdvancedSearchOption { get; set; }
    public bool ForceAdvanced { get; set; }
    public bool ForceSimple { get; set; }
    public string SimpleSearchCriteria { get; set; }
    public string CustomerNumberCriteria { get; set; }
    public string AccountNumberCriteria { get; set; }
    public string NameCriteria { get; set; }
    public string PhoneNumberCriteria { get; set; }
}

这是我的控制器。我正在填写视图模型的所有值，因为我想查看这些值是否到达部分视图。他们确实到达了那里，所以我只是在帖子上遇到了问题。

public class HomeController : Controller
{
    private ISecurityRepository SecurityRep;

    public HomeController(ISecurityRepository repo)
    {
        SecurityRep = repo;
    }

    public ActionResult Index()
    {
        IndexViewModel temp = new IndexViewModel();
        temp.AdvancedSearchOption = SecurityRep.DefaultToAdvancedSearch(User.Identity.Name);
        temp.ForceAdvanced = false;
        temp.ForceSimple = false;
        temp.SimpleSearchCriteria = "Testing";
        temp.AccountNumberCriteria = "Acct";
        temp.CustomerNumberCriteria = "Cust";
        temp.NameCriteria = "Name";
        temp.PhoneNumberCriteria = "Phone";
        return View(temp);
    }

    public ActionResult SimpleSearch()
    {
        IndexViewModel temp = new IndexViewModel();
        temp.AdvancedSearchOption = SecurityRep.DefaultToAdvancedSearch(User.Identity.Name);
        temp.ForceAdvanced = false;
        temp.ForceSimple = true;
        temp.SimpleSearchCriteria = "Testing";
        temp.AccountNumberCriteria = "Acct";
        temp.CustomerNumberCriteria = "Cust";
        temp.NameCriteria = "Name";
        temp.PhoneNumberCriteria = "Phone";
        return View("Index",temp);
    }

    public ActionResult AdvancedSearch()
    {
        IndexViewModel temp = new IndexViewModel();
        temp.AdvancedSearchOption = SecurityRep.DefaultToAdvancedSearch(User.Identity.Name);
        temp.ForceAdvanced = true;
        temp.ForceSimple = false;
        temp.SimpleSearchCriteria = "Testing";
        temp.AccountNumberCriteria= "Acct";
        temp.CustomerNumberCriteria= "Cust";
        temp.NameCriteria= "Name";
        temp.PhoneNumberCriteria = "Phone";
        return View("Index", temp);
    }

    [HttpPost]
    public ActionResult Index(IndexViewModel vm, FormCollection formCollection)
    {
        return View();
    }
}

这是我的视图

@model TRIOSoftware.Magnum.Models.IndexViewModel

@{
    ViewBag.Title = "Search";
}

@if ((@Model.AdvancedSearchOption && @Model.ForceSimple != true) || @Model.ForceAdvanced == true)
{
    @Html.Partial("AdvancedSearch")
}
else
{
    @Html.Partial("SimpleSearch")
}

这是我的 SimpleSearch 部分视图。我想，如果我能让这个发挥作用，另一个就会走同样的路。我在部分帖子中使用 jQuery 来完成它。我不确定这些事情是否会给我带来问题。我只有所有隐藏的物品在那里，因为我不知道没有它们是否会导致我的问题。

 @model TRIOSoftware.Magnum.Models.IndexViewModel

 <script type="text/javascript">
     $(document).ready(function () {
         $("#DefaultDiv").find("#DefaultAdvanced").click(function () {
             $.post("DefaultSimple");
         });

         $("#SearchSection").find("#SearchButton").click(function () {
             $.post("");
         });
     });
</script>

 @using (Html.BeginForm("Index","Home"))
 {
     @Html.HiddenFor(m => m.ForceAdvanced)
     @Html.HiddenFor(m => m.AdvancedSearchOption)
     @Html.HiddenFor(m => m.ForceSimple)
     @Html.HiddenFor(m => m.AccountNumberCriteria)
     @Html.HiddenFor(m => m.CustomerNumberCriteria)
     @Html.HiddenFor(m => m.NameCriteria)
     @Html.HiddenFor(m => m.PhoneNumberCriteria)

     <div id="DefaultDiv" style="float:right">
         <a id="DefaultAdvanced" href="#" class="ButtonClass">Default Simple Search</a>
     </div>

     <div style="clear:both; margin: auto; width: 800px">
         <img src="../../Content/images/TRIO_transparent_image.gif"; alt="TRIO Software"; style="margin-left:150px; clear:left"/>
             <div style="clear:left; float: left" class="SearchText">
                  @Html.Label("What's your inquiry?:")
                  @Html.EditorFor(m => m.SimpleSearchCriteria, new { style = "width: 400px" })
             </div>
             <div id="SearchSection" style="float: left" class="SearchText">
                 <a href="#"; id="SearchButton" class="ButtonClass"><img src="../../Content/images/Search.gif"; alt="Search"; style="float:left" /></a>
             </div>
             <p style="clear:left;margin-left:400px">
                 @Html.ActionLink("Advanced Search", "AdvancedSearch", null, new { style = "clear:left" })
             </p>

    </div>
 }

以下是查看简单搜索部分视图时的 HTML 代码：

<div id="main">
    <script type="text/javascript">
        $(document).ready(function () {
            $("#DefaultDiv").find("#DefaultAdvanced").click(function () {
                $.post("DefaultSimple");
            });

            $("#SearchSection").find("#SearchButton").click(function () {
                $.post("");
            });
        });
    </script>

    <form method="post" action="/">
        <input type="hidden" value="False" name="ForceAdvanced" id="ForceAdvanced" data-val-required="The ForceAdvanced field is required." data-val="true">
        <input type="hidden" value="False" name="AdvancedSearchOption" id="AdvancedSearchOption" data-val-required="The AdvancedSearchOption field is required." data-val="true">
        <input type="hidden" value="False" name="ForceSimple" id="ForceSimple" data-val-required="The ForceSimple field is required." data-val="true">
        <input type="hidden" value="Acct" name="AccountNumberCriteria" id="AccountNumberCriteria">
        <input type="hidden" value="Cust" name="CustomerNumberCriteria" id="CustomerNumberCriteria">
        <input type="hidden" value="Name" name="NameCriteria" id="NameCriteria">
        <input type="hidden" value="Phone" name="PhoneNumberCriteria" id="PhoneNumberCriteria">
        <div style="float:right" id="DefaultDiv">
            <a class="ButtonClass ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" href="#" id="DefaultAdvanced" role="button"><span class="ui-button-text">Default Simple Search</span></a>
        </div>
        <div style="clear:both; margin: auto; width: 800px">
            <img style="margin-left:150px; clear:left" alt="TRIO Software" ;="" src="../../Content/images/TRIO_transparent_image.gif">
            <div class="SearchText" style="clear:left; float: left">
               <label for="What_s_your_inquiry_:">What's your inquiry?:</label>
               <input type="text" value="Testing" name="SimpleSearchCriteria" id="SimpleSearchCriteria" class="text-box single-line">
            </div>
            <div class="SearchText" style="float: left" id="SearchSection">
                <a class="ButtonClass ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" id="SearchButton" ;="" href="#" role="button"><span class="ui-button-text"><img style="float:left" alt="Search" ;="" src="../../Content/images/Search.gif"></span></a>
            </div>
            <p style="clear:left;margin-left:400px">
                <a style="clear:left" href="/Home/AdvancedSearch">Advanced Search</a>
            </p>
     </div>
    </form>
</div>

如何解决此问题？

Answer 1

尽管您选择了要渲染的部分，但并未将模型传递给它。有一个 Html.Partial 的重载版本，它采用第二个参数，允许您将模型传递给它：

@Html.Partial("ViewName", Model);

所以在您的情况下，您可以使用这个：

@if ((Model.AdvancedSearchOption && Model.ForceSimple != true) || Model.ForceAdvanced == true) 
{ 
    @Html.Partial("AdvancedSearch", Model)  
} 
else 
{ 
    @Html.Partial("SimpleSearch", Model)  
} 

另请注意我如何删除 < code>@ 是您在 Model 前面加上的前缀。为了更好地理解原因，请参阅 使用 Razor 语法的 ASP.NET Web 编程简介 以及由 Phil Haack 编写的同一主题的小参考 此处。

Answer 2

我认为@john-h的回答一语中的。但是，您可能希望减少为自己创建的复杂性。

1）由于ForceSimple和ForceAdvanced都是布尔值，因此会假设当ForceAdvanced为true时，它就不是“Simple”，对吗？我不确定你这里还有什么其他逻辑。

2）为什么不直接使用参数来设置搜索类型，而不是创建两个视图并“发布”回来以获得正确的视图？或者评估安全性以设置用户可以执行哪一个。这是一个示例：

控制器操作：

//id is the search type: true is Advanced
public ActionResult Search(bool id) {
    IndexViewModel viewModel = new IndexViewModel {
        /* Do whatever logic here  */
        ForceAdvanced = (id) ? false : true,
        AdvancedSearchOption = id
    };
    return View("search", viewModel);
}

[HttpPost]
public ActionResult Search(IndexViewModel model) {
    //model.SimpleSearchCriteria = "Testing";
    //model.PhoneNumberCriteria = "Phone";
    return View("search", model);
}

搜索视图：

@using (@Html.BeginForm(new { id = @Model.AdvancedSearchOption })) {
    <div style="clear:left; float: left" class="SearchText">
        @Html.Label("What's your inquiry?:")
        @if (Model.AdvancedSearchOption) {
            <div>
                @* if you really want, load your partial views here *@
                <span>@Html.LabelFor(m => m.NameCriteria)</span>
                @Html.EditorFor(m => m.NameCriteria, new { style = "width: 400px" })
                <span>@Html.LabelFor(m => m.PhoneNumberCriteria)</span>
                @Html.EditorFor(m => m.PhoneNumberCriteria, new { style = "width: 400px" })
            </div>
        }
        else {
             @* if you really want, load your partial views here *@
            @Html.EditorFor(m => m.SimpleSearchCriteria, new { style = "width: 400px" })
        }        
    </div>
    <div>
         <input type="submit" value="Search" />
    </div>   
     @Html.HiddenFor(m => m.ForceAdvanced)
     @Html.HiddenFor(m => m.AdvancedSearchOption)
     @Html.HiddenFor(m => m.ForceSimple)
     @Html.HiddenFor(m => m.AccountNumberCriteria)
     @Html.HiddenFor(m => m.CustomerNumberCriteria)
     @Html.HiddenFor(m => m.NameCriteria)
     @Html.HiddenFor(m => m.PhoneNumberCriteria)    
}

Answer 3

我曾尝试将模型显式发送到部分，但没有成功。我相信，如果未指定任何内容，分部视图默认会获取父模型，因此我所需要做的就是在分部视图中指定模型类型，然后我就获得了信息。

经过多次尝试和错误，我终于弄清楚了。我的问题是由于我尝试使用 jQuery 发帖引起的。您必须执行其他一些操作才能以这种方式更新模型。一旦我更改了它并在帖子表单上放置了输入控件，我就从控制器中的父视图和部分视图取回了所有数据。