jQuery Datatables show html content

Question

Ho un jquery datatable sulla mia pagina, che utilizza l'elaborazione lato server per recuperare i dati. In questo caso, una delle colonne contiene dei contenuti HTML, quindi le mie risposte del server aspetto:

"aaData": [ [1, "aaa", "<span class="myclass">html here</span>" ], ... 

Ho provato con

"aoColumnDefs": [ "aTargets":[2], "sType": "html" } 

Ma io continuo a vedere il contenuto della cella come se fosse normale stringa. Cosa posso fare?

Answer 1

fatto una versione di lavoro con

"aoColumnDefs": [ 
    { "aTargets": [2], 
     "sType": "html", 
     "fnRender": function(o, val) { 
      return $("<div/>").html(o.aData[2]).text(); 
     } 
    } 
] 

decodifica di nuovo il codice html con jQuery.

Answer 2

var renderAsHtml = function (data, type, full) { 
return decHTMLifEnc(data); 
}; 
var isEncHTML = function(str) { 
    if(str.search(/&/g) != -1 || str.search(/</g) != -1 || str.search(/>/g) != -1) 
     return true; 
    else 
     return false; 
}; 

var decHTMLifEnc = function(str){ 
    if(isEncHTML(str)) 
     return str.replace(/&amp;/g, '&').replace(/&lt;/g, '<').replace(/&gt;/g, '>'); 
    return str; 
} 

passare renderAsHtml come riferimento di funzione a fnRender. Questo è funziona

Answer 3

anche questo è come mi rendo tag HTML nelle mie colonne DataTable:

ajax: "getData?userobjid=<%=session.getAttribute("userobjectid")%>&alpha=&selectsuppliersflag="+selectsuppliersflag, 
columns: [ 
      { data: null, render: function (data, type, row) { 
       if(data.storeFrontUrl == 'undefined' || data.storeFrontUrl==null){ 
         return "<label>"+data.companyName+"</label>"; 
         } 
         else{ 
         return "<a href='JavaScript:newPopup(\"directorylist/view/"+data.storeFrontUrl+"\");'>"+data.companyName+"</a>"; 
        } 
        }}, 

Answer 4

aggiorno la risposta di SamuGG, per la nuova versione datatable:

"aoColumnDefs": [ { 
        "aTargets": [ 5 ], 
        "mRender": function (data, type, full) { 
         return $("<div/>").html(data).text(); 
         } 
      } ]