jQuery的数据表显示HTML内容(jQuery Datatables show html con

我有我的网页，它使用服务器端处理检索数据上的jQuery数据表。 在这种情况下，其中一列包含HTML内容，因此我的服务器响应看起来是这样的：

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

我tryed与

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

但我仍然看到单元格内容，好像它是纯字符串。 我能做什么？

Answer 1:

做一个工作版本

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

解码回用jQuery的HTML。

Answer 2:

我更新SamuGG的答案，新的数据表的版本：

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

Answer 3:

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;
}

通过renderAsHtml作为函数参照fnRender。 这也适用

Answer 4:

这是我如何渲染HTML标签我的数据表列：

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>";
                     }
                    }},

文章来源: jQuery Datatables show html content