2016-09-15 172 views
2

問題是,模型綁定不綁定ViewModel的其中一個屬性。ASP.NET MVC 4模型綁定問題

我有一個ViewMode,HomeIndexViewModel。 其中一個屬性,ExcludeClientsWithoutAddress未在控制器中綁定。

的Fiddler顯示GET請求本身(無ExcludeClientsWithoutAddress

GET /主頁/ searchByClient?分貝= dev的& fileNumber = &的firstName = XXX & includeContacts =真HTTP/1.1

對於某些原因,其他屬性(FileNumber,FirstName,LastName,IncludeContacts和File)正確綁定。

enter image description here

缺少什麼我在這裏?

namespace CertifiedMail.Web.Mvc4.OneOffs.Models 
{ 
    public class HomeIndexViewModel 
    { 
     [DisplayName("File #")] 
     public string FileNumber { get; set; } 

     [DisplayName("First Name")] 
     public string FirstName { get; set; } 

     [DisplayName("Last Name")] 
     public string LastName { get; set; } 

     [DisplayName("Include Contact")] 
     public bool IncludeContacts { get; set; } 

     [DisplayName("Exclude Clients Without Address")] 
     public bool ExcludeClientsWithoutAddress { get; set; } 

     public HttpPostedFileBase File { get; set; } 
    } 
} 

在控制器,

[System.Web.Mvc.HttpGet] 
public string SearchByClient([FromUri]HomeIndexViewModel model) 
{ 
    IEnumerable<SearchResult> searchResults = new List<SearchResult>(); 

    SearchByArgs args = BuildSearchByArg(model); 

    if (string.IsNullOrWhiteSpace(model.FileNumber)) 
    { 
     if (!string.IsNullOrWhiteSpace(model.FirstName) || !string.IsNullOrWhiteSpace(model.LastName)) 
      searchResults = ClientSearchDataAccess.SearchByClientName(args); 
    } 
    else 
     searchResults = ClientSearchDataAccess.SearchByClientNumber(args); 

    return JsonConverter.SerializeSearchResults(searchResults); 
} 

這裏是觀。

<div class="col-sm-5 searchPanel"> 
    <div class="panel panel-default glowGridPanel"> 
     <div class="panel-body searchPanelBody"> 
      <div class="row"> 
       @using (Html.BeginForm("SearchByClient", "Home", 
        new { db = @Request.QueryString["db"] }, 
        FormMethod.Get, 
        new { id = "searchByClientForm", @class = "form-horizontal" })) 
       { 
        <fieldset> 
         <legend> 
          Search by Client 
          <span class="glyphicon glyphicon-user" aria-hidden="true"></span> 
         </legend> 

         @{ 
          var labelAttributes = new { @class = "col-sm-4 control-label" }; 
         } 

         <div class="form-group"> 
          @Html.LabelFor(m => m.FileNumber, labelAttributes) 
          <div class="col-sm-8"> 
           @Html.TextBoxFor(m => m.FileNumber, new { @class = "form-control input-sm", ng_model = "fileNumber" }) 
          </div> 
         </div> 

         <div class="form-group"> 
          @Html.LabelFor(m => m.FirstName, labelAttributes) 
          <div class="col-sm-8"> 
           @Html.TextBoxFor(m => m.FirstName, new { @class = "form-control input-sm", ng_model = "firstName" }) 
          </div> 
         </div> 

         <div class="form-group"> 
          @Html.LabelFor(m => m.LastName, labelAttributes) 
          <div class="col-sm-8"> 
           @Html.TextBoxFor(m => m.LastName, new { @class = "form-control input-sm", ng_model = "lastName" }) 
          </div> 
         </div> 

         <div class="form-group"> 
          <div class="col-sm-12 col-sm-offset-3"> 
           <div class="checkbox"> 
            Include contacts in search result? 
            @Html.CheckBoxFor(m => m.IncludeContacts, new { id = "includeContactsCheckBox", ng_model = "includeContacts" }) 
           </div> 
          </div> 
         </div> 

         <div class="form-group"> 
          <div class="col-sm-12 col-sm-offset-3"> 
           Exclude Clients without Address? 
           <div class="checkbox"> 
            @Html.CheckBoxFor(m => m.ExcludeClientsWithoutAddress, 
             new { id = "excludeClientsWithoutAddressCheckBox", ng_model = "excludeClientsWithoutAddress" }) 
           </div> 
          </div> 
         </div> 

         <button type="button" class="btn btn-primary pull-right submitButton" 
           ng-click="addSearchResultToGrid()" 
           ng-disabled="loadingSearch"> 
          Search by Client 
          <span class="glyphicon glyphicon-search" aria-hidden="true"></span> 
          <div id="loadingSearch" ng-show="loadingSearch"></div> 
         </button> 
        </fieldset> 
          } 
      </div> 

      <div class="row strike"> 
       <h3> 
        <span class="label label-default"> 
         <span class="glyphicon glyphicon-minus" aria-hidden="true"></span> 
         OR 
         <span class="glyphicon glyphicon-minus" aria-hidden="true"></span> 
        </span> 
       </h3> 
      </div> 

      <div class="row"> 
       @using (Html.BeginForm("Upload", "Home", 
         new { db = @Request.QueryString["db"] }, 
         FormMethod.Post, new { id = "uploadFileForm", enctype = "multipart/form-data" })) 
       { 
        <fieldset> 
         <legend>Search by Uploading File</legend> 

         <div class="input-group"> 
          <input type="file" class="form-control" name="file" id="file" /> 
          <span class="input-group-btn"> 
           <button class="btn btn-primary" type="submit"> 
            Upload File 
            <span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span> 
           </button> 
          </span> 
         </div> 
        </fieldset> 
       } 
      </div> 
     </div> 
    </div> 
</div> 
+1

Fiddler顯示瀏覽器發出的內容,它不會發送你的'ExcludeClientsWithoutAddress'屬性。那麼你的Angular代碼不知何故放棄了這個領域? – Jasen

+0

謝謝@Jasen。這就是它!我忘了更新角度服務來接受這個論點!你會添加你的評論作爲答案,我可以將它標記爲答案嗎? – Sung

回答

1

您的Fiddler請求顯示從瀏覽器發出的內容。它不會發送您的ExcludeClientsWithoutAddress屬性。

由於此屬性未標記爲可空bool?它在綁定中被分配一個默認值。

您有這些輸入爲ng_model,這表明您的Angular代碼沒有發送該字段。

+0

你在這花了半天后才救了我。我很欣賞答案〜 – Sung