簡體   English   中英

根據 AJAX 響應動態添加 id 到數據表行

[英]Dynamically add id to datatable row based on AJAX response

我看到的讓arbituary ID來使用行回調的數據表行的帖子在這里 我想根據我的 AJAX 響應dataToUse給行特定的 id; 每一行都有一個唯一的 id,作為 JSON 對象的一個​​字段。 這是我的數據表的結構:

table = $('#_table').dataTable({
                ajax: function (data, callback, settings) {
                    $.ajax({
                             type: "post",
                             url: '/test/getvalues',
                             dataType: "json",
                             success: function (result) {
                                var dataToUse = {};
                                dataToUse.data = result.map.count;
                                callback(dataToUse);
                             }
                           });
                  }
        })

}

您是否只想根據從 dataToUse 獲得的信息對特定行執行某些操作? 首先,我將描述您提供的示例中發生的行為。 代碼如下:

if ( data[5].replace(/[\$,]/g, '') * 1 > 150000 ) {
    $('td', row).eq(5).addClass('highlight');
}

這是檢查數據中的第 6 項,即薪水,是否大於 150,000,如果是,則通過 jQuery 使用 CSS 選擇器選擇該項目,然后為其添加一個類。

根據您的問題,您希望根據 result 提供給 dataToUse 的一些數據執行類似的表修改行為。 在這種情況下, result 將需要提供某種信息以允許您構建適當的 jQuery 選擇器, $(someSelector) 來選擇要修改的行,然后您可以根據需要修改它們。 您可以在您的成功功能中執行所有這些操作。

如果您想向它們添加一些特定的樣式或行為,我建議更新它們的類而不是 id。 更新 id 往往是不好的做法。

這篇文章,其答案已粘貼在這里,給出了答案,

    'fnCreatedRow': function (nRow, aData, iDataIndex) {
        $(nRow).attr('id', 'my' + iDataIndex); // or whatever you choose to set as the id
    },

aData不知何故是我收到的 AJAX 數據。 這對我來說就像魔術,但它奏效了!

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM