操作数据表字段的结果

Manipulate result for dataTable field

本文关键字：结果 字段 数据表 操作数 操作      更新时间：2023-09-26

我想为 JQuery 数据表中字段的一个值输出一个引导标签。字段可能的值可以是"0"或"1"，根据此结果，我想决定要在 dataTable 中输出哪个引导标签。我想知道如何根据字段"启用"的结果实现 if 语句，以及如何用我的 html 代码填充字段：

我的 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
    });
});

我需要对"启用"字段的结果使用这样的东西：

if(enabled==1) <label class="label label-success">Online</label>
else <label class="label label-error">Offline</label>

您可以向<td class="enabled>添加类

虚拟网页代码：

<table>
    <thead><tr><th>i</th></tr></thead>
    <tbody><tr><td class="enabled">0</td></tr>
           <tr><td class="enabled">1</td></tr>
    </tbody>
</table>

并通过JavaScript添加操作：

var a  = document.getElementsByClassName('enabled');
for (var i = 0; i<a.length;i++) {

    if (a[i].textContent == 1) {
       a[i].innerHTML = '<label class="label label-success">Online</label>';
        }
    else {
        a[i].innerHTML = '<label class="label label-error">Offline</label>';
    }
}

演示

相关文章：