DataTables jQuery fnrender avec des objets

Question

j'utilise jQuery DataTable pour former une table de ce "data.txt":

{ "aaData" : [ 
{  
    "ftitle": "Test1", 
    "link": "http://server.com/test1/", 
    "fname": "test1.pdf", 
    "fid": "test1_353752165.pdf" 
}, 
{  
    "ftitle": "Test2", 
    "link": "http://server.com/test2/", 
    "fname": "test2.pdf", 
    "fid": "test2_353754257.pdf" 
} ] } 

Ceci est mon code js:

$('#example').dataTable({ 
    "bProcessing": true, 
    "sAjaxSource": "data/data.txt", 
    "aoColumns": [ 
     { "sClass": "center", 
      "fnRender": function(oObj) { 
       return oObj.aData[0]+' '+ oObj.aData[2]; 
      } 
     }, 
     { "mDataProp": "fid", "sClass": "center" }, 
     { "mDataProp": "fname", "sClass": "center" } 
    ], 
}); 

Je veux juste pour obtenir les données réelles avec .aData de fnrender() mais cela ne fonctionne qu'avec des données de type tableau seulement. Ce que j'obtiens maintenant est "undefined undefined", si j'utilise un .txt avec juste des données de tableau cela fonctionne bien.

Je pense que je ne comprends pas comment utiliser fnrender proberly, en particulier lorsque vous travaillez avec des objets.

Answer 1

Vous obtenez "indéfini" car oObj.aData est un objet, pas un tableau, et il n'y a pas de champ "0". syntaxe Utiliser comme ceci:

oObj.aData.link 

ou

oObj.aData["link"] 

Exemple complet (seulement modifié la valeur de retour fnRender):

$('#example').dataTable({ 
    "bProcessing": true, 
    "sAjaxSource": "data/data.txt", 
    "aoColumns": [ 
     { "sClass": "center", 
      "fnRender": function(oObj) { 
       return '<a href="' + oObj.aData.link + '">' + oObj.aData.ftitle + '</a>'; 
      } 
     }, 
     { "mDataProp": "fid", "sClass": "center" }, 
     { "mDataProp": "fname", "sClass": "center" } 
    ], 
});