编辑jQuery Datatable字段
我想为JQuery dataTable中的一个字段值输出一个bootstrap标签。 这个字段可能的值可以是’0’或’1’,并且根据结果我想决定我想在dataTable中输出哪个引导标签。 不幸的是,如果对于这种情况的陈述,我不知道如何做到这一点。
我的JQuery:
$(document).ready(function() { $('#accountOverview').dataTable( { "ajax": { "url": "/database/accounts.php", "data": {"action": "selectAccounts"}, "dataSrc": "" }, "columns": [ { "data": "email" }, { "data": "platform" }, { "data": "coins" }, { "data": "profitDay" }, { "data": "playerName" }, { "data": "tradepileCards" }, { "data": "tradepileValue" }, { "data": "enabled" } ], "autoWidth": false }); });
我需要使用类似的东西来获得“enabled”字段的结果:
if(enabled==1) else
HTML表格:
E-Mail Platform Coins Profit last 24h Playername Tradepile Cards Tradepile Value Status
标签需要在“status”字段中=每行的最后一行。
在dataTable的“draw”(在AJAX加载数据之后发生)之后,你可以查找每一行的最后一个td
并使用wrapInner()
来注入你想要的HTML。 所以,在你的情况下,尝试:
var apply_label=function(){ $('#accountOverview').find('td:last-child').not(':has(.label)').each(function(){ if( this.innerHTML==="1"){ $(this).wrapInner(''); } else { $(this).wrapInner(''); } }); }; $('#accountOverview').dataTable( { "ajax": { "url": "/database/accounts.php", "data": {"action": "selectAccounts"}, "dataSrc": "" }, "columns": [ { "data": "email" }, { "data": "platform" }, { "data": "coins" }, { "data": "profitDay" }, { "data": "playerName" }, { "data": "tradepileCards" }, { "data": "tradepileValue" }, { "data": "enabled" } ], "autoWidth": false, "drawCallback": function( settings ) { apply_label(); } });
笔记:
- 我想你想要
span
(不是label
)。 - 我想你想要
.label-danger
(不是.label-error
)。
请访问http://jsfiddle.net/jhfrench/wrkkbcf1/查看。