C＃mvcのデータ型は、Item内の各varに期待していません。

Question

データテーブルを使用して詳細テーブルを表示しようとしましたが、次のエラーが発生しました。私は、次の表を使用しています。このコントローラのビューで

public ActionResult JsonDetails(int Id) 
    { 
     Equipment e = _repo.GetSingle(Id); 

     var model = AutoMapper.Mapper.Map<Equipment, EquipmentDetailsViewModel>(e); 

     JsonResult jsonModel = new JsonResult() 
     { 
      Data = model, 
      ContentEncoding = System.Text.Encoding.UTF8, 
      ContentType = "application/json; charset=utf-8", 
      JsonRequestBehavior = JsonRequestBehavior.AllowGet, 
      MaxJsonLength = Int32.MaxValue 
     }; 

     return jsonModel; 

    } 
    public ActionResult Details(int Id) 
    { 
     return View(); 
    } 

：

@using Project.ViewModels; 
@model EquipmentDetailsViewModel 
<table id="dataTable" class="datatables table table-striped table-hover "> 
    <thead> 
     <tr> 
      <th> 
       Service No 
      </th> 
      <th> 
       Service Due Date 
      </th> 
      <th> 
       Service Completed Date 
      </th> 
     </tr> 
    </thead> 
    <tbody> 

私のViewModelはこのようなこの

 public class EquipmentDetailsViewModel 
    { 
     public int Equipment_Id { get; set; } 
     public IEnumerable<EquipmentServiceHistoryListViewModel> Service_History { get; set; } 
} 

私のコントローラの外観のように見える。このため enter image description here

および

@foreach (var item in Model.Service_History) 
    { 
      <tr> 
        <td> 
         @Html.DisplayFor(model => item.Service_No) 
        </td> 
        <td> 
         @Html.DisplayFor(model => item.Sevice_Due_Date) 
        </td> 
        <td> 
         @Html.DisplayFor(model=> item.Service_Completed_Date) 
        </td> 
       </tr> 
       } 
      </tbody> 
     </table> 

私のJSは、誰もが、私はこのページを動作させるために使用できる項目 の各VARのためにどのような選択肢を私にお勧めできます

@section scripts{ 

    <script> 
     $(document).ready(function() { 
      $('.datatables').DataTable({ 
       "lengthMenu": [[25, 50, -1], [25, 50, "All"]], 
       "ajax": { 
        "url": '/Service_History/JsonDetails/', 
        "dataSrc": "" 
       }, 
       "deferRender": true, 
       "columns": [ 
        { 
         data: 'Service_No', 
         visible: false 
        }, 


        { data: 'Service_Due_Date', 
         render: function (data, type, row) {       
          if (type === 'display' || type === 'filter') { 

           return (moment(data).format("DD/MM/YYYY")); 
          }       
          return data; 
         } 
        }, 

        { 
         data: 'Service_Completed_Date', 
         render: function (data, type, row) { 
          if (type === 'display' || type === 'filter') { 
           return (moment(data).format("DD/MM/YYYY")); 
          }       
          return data; 
         } 
        }      
       ], 
       "order": [] //prevent auto sorting on first column 
      }); 
}); 


    </script> 

} 

以下のような設定のものです。 ありがとう

Answer 1

クライアントから結果を取得しようとしていて、サーバーからデータをロードしようとしていないようです。

したがって、foreachループは必要ありません。 JsonResult関数のデータ型呼び出しで十分ですが、IDパラメータをjavascriptのエンドポイントに渡していないコードを見てください。

使用かみそりは、その処理はサーバ側で実行され、そのように

が

public ActionResult Details(int Id) 
    { 
     return View(); 
    } 

が

が

public ActionResult Details(int Id) 
{ 
    var viewmodel = _repo.GetSingle(Id); 
    return View(viewmodel); 
} 

私もnull以外のチェックを追加するになるために必要となる覚えしようとするとforeachループの前のservice_historyの場合