如何使用強類型的剃刀視圖頁面填充dataTable

Question

我在強類型的Razor視圖Page.Now中有dataTable。按照我的要求，我需要使用我的頁面模型填充此內容，但我沒有得到如何操作。這是我的dataTable代碼..

$(document).ready(function() { 
     var dt; 
     var dataSet = []; 
     dt = $("#Setup").dataTable({ 
      "data": dataSet, 
      "paging": false, 
      "responsive": true, 
      "stateSave": true, 
      "columns": [ 
       { "title": "<input type='checkbox' id='selectAll'>", "bSortable": false, "width": "5px", }, 
       { "title": "", "bSortable": false, "width": "5px" }, 
       { "title": "Code", "width": "50px" }, 
       { "title": "Name" } 

      ] 
     }); 

    }); 

我的頁面是Razor視圖頁面。請幫我把它done..Thanks ..

Answer 1

一般來說，你應該能夠從剃刀內聯數據這樣：

@{ 
    StringBuilder sb = new StringBuilder(); 
    foreach(row in model.MyTable) 
    { 
    sb.AppendFormat("['{0}', '{1}', '{2}', '{3}'],", 
     row.Field1, row.Field2, row.Field3, row.Field4); 
    } 
} 
$(document).ready(function() { 
     var dt; 
     var dataSet = [@Html.Raw(sb.ToString(0, sb.Length - 1))]; 
     dt = $("#Setup").dataTable({ 
      "data": dataSet, 
      "paging": false, 
      "responsive": true, 
      "stateSave": true, 
      "columns": [ 
       { "title": "<input type='checkbox' id='selectAll'>", "bSortable": false, "width": "5px", }, 
       { "title": "", "bSortable": false, "width": "5px" }, 
       { "title": "Code", "width": "50px" }, 
       { "title": "Name" } 

      ] 
     }); 

    }); 

您應該使用sb.Length - 1以從輸出數組中刪除最後一個逗號（,）。使用Html.Raw()可防止Razor對可能會破壞JavaScript語法的字符串進行編碼。