DataTables jQuery fnrender con objetos

Question

que estoy usando jQuery DataTable para formar una mesa fuera de este "datos.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" 
} ] } 

Este es mi código 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" } 
    ], 
}); 

sólo quiero para obtener los datos reales con .aData de fnrender(), pero esto solo funciona con datos de solo matriz. Lo que obtengo ahora es "indefinido indefinido", si uso un .txt con solo datos de matriz, funciona bien.

Creo que no entiendo bien cómo usar fnrender proberly, especialmente cuando se trabaja con objetos.

Answer 1

Te estás "indefiniendo" porque oObj.aData es un objeto, no una matriz, y no hay un campo "0". Uso de sintaxis como esta:

oObj.aData.link 

o

oObj.aData["link"] 

Ejemplo completo (valor de retorno fnRender única modificada):

$('#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" } 
    ], 
});