jQuery DataTablesで非表示列データを取得

Question

$("#TransactionTable").DataTable({ 
        ajax: { 
         url: '/Transaction/SearchMockup', 
         type: 'POST', 
         data: { 
          cardEndingWith: $("#ccn").val(), 
          status: $("#status").val(), 
          supplier: $("#supplier").val(), 
          fromDate: $("#fromDate").val(), 
          toDate: $("#toDate").val() 
         } 
        }, 
        columns: [ 
        { 
        { data: 'Status' }, 
        { data: 'TransactionId' }, 
        { data: 'CreditCardNumber' }, 
        { data: 'Supplier' }, 
        { data: 'CreatedAt' }, 
        { data: 'Amount' }, 
        { data: 'Guid' } 
        ], 
        columnDefs: [ 
        { 
         "targets": [6], 
         "visible": false, 
         "className": "guid" 
        }, 
        { 
         "targets": [1], 
         "className": "transactionIdColumn", 
        } 
        ] 
       }); 

"TransactionId"列をクリックすると、隠れた "Guid"列の値/データが取得されます。私のguidカラムには、「transactionIdColumn」というクラス名があります。 jQueryコードの助けが必要です。

$("#TransactionTable .transactionIdColumn").on('click', function (elm) { 
       var guidNumber = $(elm).closest("tr").find(".transactionIdColumn").html(); 
       alert(guidNumber); 
      }); 

Answer 1

あなたはこれを試すことができます。

はこのような何かを試してみてください。ここで

{ "data" : "TransactionId", 
    "render": function (data, type, full, meta) { 
       var guid = full['guid']; 
       return '<a href="#" class="trans_id" data-guid="'+guid+'"> '+data+' </a>'; 
      } 
}, 

。（ "transactionIdColumn"）を見つける書かれ、 `VAR guidNumber = $（ニレ）.closest（ "TR"）としてdatatables.render

$("#TransactionTable .trans_id").on('click', function (elm) { 
    var guidNumber = $(this).data('guid'); 
    alert(guidNumber); 
});