獲取數據表原始 ID 到另一個數據表

Question

我有一個約會列表數據表並分配工人數據表，分配工人數據表每行都有復選框。 單擊約會列表數據表上的分配按鈕時，會彈出分配工人數據表。 我想要的是，當用戶單擊分配工人數據表上的復選框時，復選框旁邊會顯示相關的約會數據表行 ID。 怎么能做到這一點？ 我對數據表沒有更多的經驗。

約會列表數據表：

預約列表數據表代碼：

 $('#appointment-datatable').DataTable({ processing: true, serverSide: true, ajax: '/get_appointment_data', columns: [ { data: 'id', name: 'id' }, { data: 'firstname', name: 'firstname' }, { data: 'lastname', name: 'lastname' }, { data: 'vehiclemodel', name: 'vehiclemodel' }, { data: 'date', name: 'date', searchable: true }, { data: 'time', name: 'time' }, { data: 'payment_status', name: 'payment_status' }, { data: 'amount', name: 'amount' }, { data: null, orderable: false, render: function (data, type, full, meta) { let id = data['id'] return '<button id="mdButtonViewService" value="'+id+'" class="btn btn-sm btn-success">View Services</button>' } }, { data: null, orderable: false, render: function (data, type, full, meta) { let id = data['id'] return '<button id="mdButtonAssign" value="'+id+'" class="btn btn-sm btn-info">Assign</button> <button id="mdButtonDelete" value="'+id+'" class="btn btn-sm btn-danger"><i class="fa fa-trash"></i></button>' } } ] })

分配工人數據表：

分配工人數據表的代碼：

 $('#assign-datatable').DataTable({ processing: true, serverSide: true, ajax: '/get_freeEmp_data', lengthMenu: [5, 10, 20, 50, 100], columns: [ { data: 'id', name: 'id' }, { data: 'name', name: 'name' }, { data: 'category', name: 'category' }, { data: null, orderable: false, render: function (data, type, full, meta,) { let name = data['name'] let row_id = $('#assignBtn').val() return '<input type="checkbox" id="emp_checkbox" value="'+name+'" name="emp[]"> <span class="badge badge-primary">'+row_id+'</span>' } } ] })

Answer 1

將let id = data['id']更改為let id = full.id

數據表渲染函數中的full變量是一個包含行的所有數據的對象，包括 id、firstname、lastname 等。