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，名字，姓氏等。

获取数据表原始ID到另一个数据表

1 个答案: