jquery datatables ajouter case à cocher avec réponse côté serveur ajax

Question

J'utilise C# ASP .NET MVC et appels ajax. Je suis en mesure d'obtenir l'affichage de la table avec toutes les fonctionnalités. Mais, je ne comprends pas comment ajouter une case à cocher et un bouton. J'ai aussi essayé dom-checkbox mais je n'arrive pas à le faire fonctionner.

Toute aide est appréciée.

Mon code ressemble à ceci:

$(document).ready(function() { 

$('#personTable').dataTable({ 
      "bJQueryUI": true, 
      "sPaginationType": "full_numbers", 
      "bProcessing": true, 
      "bServerSide": true, 
      "sAjaxSource": "/Home/GetCustomData", 
      "aoColumns": [ 
         { "sSortDataType": "dom-checkbox", "sTitle": "Select", 
            sName": "" }, 
         { "sName": "ID", "sTitle": "ID" }, 
      { "sName": "FirstName", "sTitle": "First Name" }, 
      { "sName": "Email", "sTitle": "Email"}] 
     }); 
    }); 

Mon Html est: [table border="1" id="personTable" class="display"] [/table]

Answer 1

simplement vous devez retourner le code html case dans votre réponse. Dans votre réponse JSON ajouter quelque chose comme ceci:

... 
"aaData":[ 
[ 
... 
    "<input type=\"checkbox\" />", 
... 
] 

(Vous pouvez également utiliser HTML comme type pour cette colonne, mais probablement de tri et d'autres fonctionnalités telles que seront désactivées pour les colonnes avec des cases à cocher, donc cela n'a pas d'impact du tout.)

Answer 2

Si vous html retour pas envie en réponse JSON comme décrit dans Lukasz Dziedzia's answer, vous pouvez remplacer fnRowCallback fonction, sur le côté client, de faire la case à cocher l'insertion de la ligne avant qu'il ne soit affiché.