第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會有你想問的

jquery datatable 在ajax調(diào)用后操作數(shù)據(jù)

jquery datatable 在ajax調(diào)用后操作數(shù)據(jù)

郎朗坤 2023-01-06 15:52:07
我有這個(gè)獲取數(shù)據(jù)的ajax函數(shù):function fetch_data() {                $.ajax({                    url: "{{ route('apply.app_table', $fertiluser[0]->id) }}",                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},                    method: 'GET',                    dataType: 'json',                    success: function(data){                        const result = data['data'];                        var html = '';                        for (let i = 0; i < result.length; i++) {                            const element = result[i];                            html += '<tr id="' + result[i].id + '">';                            html += '<td>' + result[i].type + '</td>';                            html += '<td>' + result[i].description + '</td>';                            html += '<td id="kgha_' + result[i].id + '" class="reviewer" style="background-color: #DF9881" contenteditable>' + result[i].kg_ha + '</td>';                            html += '<td>' + result[i].land_delivery + '</td>';                            html += '<td>' + result[i].SG + '</td>';                            html += '<td>' + result[i].delivery_ha + '</td>';                            html += '<td>' + result[i].N + '</td>';                            html += '<td>' + result[i].P + '</td>';                            html += '<td>' + result[i].K + '</td>';                        }                        $('#fertil-app-table tbody').html(html);                    }});然后我用$('#fertil-app-table').DataTable(). 當(dāng)以這種方式使用它時(shí),數(shù)據(jù)表內(nèi)置的方法columnDefs不起作用。在使用 jquery 數(shù)據(jù)表從服務(wù)器接收數(shù)據(jù)后,如何組合 ajax 和操作數(shù)據(jù)?
查看完整描述

1 回答

?
catspeake

TA貢獻(xiàn)1111條經(jīng)驗(yàn) 獲得超0個(gè)贊

好的,所以我找到了一種結(jié)合 ajax 并使用該方法呈現(xiàn) jquery 數(shù)據(jù)表的rowCallback方法。IE:


$(function() {

    $('#fertil-app-table').DataTable({

        processing: true,

        serverSide: true,

        ajax: "{{ route('admin.fertil.apply.app_table', $fertiluser[0]->id) }}",

        fnDrawCallback: calcTableColumns,

        columns: [

            {data: 'type', name: 'type'},

            {data: 'description', name: 'description'},

            {data: 'kg_ha', name: 'kg_ha'},

            {data: 'land_delivery', name: 'land_delivery'},

            {data: 'SG', name: 'SG'},

            {data: 'delivery_ha', name: 'delivery_ha'},

            {data: 'N', name: 'N'},

            {data: 'P', name: 'P'},

            {data: 'K', name: 'K'},

            {data: 'Ca', name: 'Ca'},

            {data: 'Mg', name: 'Mg'},

            {data: 'S', name: 'S'},

            {data: 'Zn', name: 'Zn'},

            {data: 'B', name: 'B'},

            {data: 'Cu', name: 'Cu'},

            {data: 'Fe', name: 'Fe'},

            {data: 'Mn', name: 'Mn'},

            {data: 'Mo', name: 'Mo'},

            {data: 'depot', name: 'depot'},

            {data: 'delivery_price', name: 'delivery_price'},

            {data: 'price_per_ha', name: 'price_per_ha'},

            {data: 'price_per_land', name: 'price_per_land'},

            {data: 'withdraw_prod', name: 'withdraw_prod'},

            {data: 'amend', name: 'amend', orderable: false, searchable: false},

            {data: 'but', name: 'but', orderable: false, searchable: false}

        ],

        rowCallback: function(row, data, index){  //use the callback to add custom properties and attributes with their respective values

            $('td:eq(0)', row).attr('id', data['id']);

            $('td:eq(2)', row).attr('id', 'kgha_' + data['id']);

            $('td:eq(2)', row).attr('className', 'reviewer');

            $('td:eq(2)', row).prop('contenteditable', true);

            if(data["tid"] == 8){

                $('td', row).css('background-color', '#28a745');

                $('td', row).css('color', 'white');

            }

        }

    });

});

通過回調(diào),您可以操作表格。我的問題實(shí)際上應(yīng)該是How do I add custom properties and attributes to td elements using jquery datatables?


查看完整回答
反對 回復(fù) 2023-01-06
  • 1 回答
  • 0 關(guān)注
  • 336 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號