2017-02-22 29 views
0

Я использую jQuery DataTables 1.10.13 плагин на некоторое время. Я наткнулся на эту проблему, связанную с источником данных ajax для моей таблицы html.Как вызвать вызов ajax в jQuery DataTable с использованием ASP.NET MVC

JQuery DataTable инициализации внутри Files.cshtml

<script language="javascript" type="text/javascript"> 
$(document).ready(function() { 
    var oTable = $("#tblFile").DataTable({ 
     "iDisplayLength": 10, 
     "bServerSide": true, 
     "sAjaxSource": "@Url.Content("PlayListFilesAjaxHandler")" + "?playListId=" + getParameter(), 
     "bProcessing": true, 
     "bStateSave": true, 
     "aoColumns": [ 
      { 
       "sName": "FileName", 
       "bSearchable": true, 
       "bSortable": true, 
       "sWidth": '25%' 
      }, 
      { 
       "sName": "FilePath", 
       "bSearchable": true, 
       "bSortable": true, 
       "sWidth": '50%' 
      }, 
      { 
       "sName": "Order", 
       "bSearchable": true, 
       "bSortable": true, 
       "sWidth": '10%' 
      }, 
      { 
       "sName": "Action", 
       "bSearchable": false, 
       "bSortable": false, 
       "sWidth": '15%', 
       "render": function (data, type, full, meta) { 
        return '<a class="btn btn-primary deleteButton" href=\"FileDelete/' + full[3] + '\">Delete</a>'; 
       } 
      } 
     ] 
    }); 
}); 

Интересно, что это правильный способ вызова Ajax запроса с параметром? Поскольку метод PlayListFilesAjaxHandler не запускается после того, как вызывается результат действия файла.

"sAjaxSource": "@Url.Content("PlayListFilesAjaxHandler")" + "?playListId=" + getParameter(), 

Это действие метод результатом Файлы и параметры PlayListFilesAjaxHandler внутри класса домашнего контроллера

 [Authorize] 
     public ActionResult Files() 
     { 
      return View(); 
     }  

     public ActionResult PlayListFilesAjaxHandler(string playListId, JQueryDataTableParamModel param) 
     { ... } 

Это структура HTML таблицы

<table id="tblFile" class="table table-responsive"> 
<thead> 
    <tr> 
     <th> 
      File Name 
     </th> 
     <th> 
      File Path 
     </th> 
     <th> 
      Sequence 
     </th> 
     <th> 
      Action 
     </th> 
    </tr> 
</thead> 
<tbody></tbody></table> 

Любая помощь очень ценится.

ответ

0

если вы не использовали контроллер api, попробуйте вернуться с результатом json.

общественной JsonResult PlayListFilesAjaxHandler (строка playListId, JQueryDataTableParamModel пары) {

возвращение Json (IEnumerable);

+0

Эй, Роначаи.К, я пробовал это, но он не работает. – Juniuz