DataTable dentro de um Modal

DataTable dentro de um Modal

GilbertoASJGilbertoASJ Posts: 13Questions: 3Answers: 0

Hello, I'm in the following scenario: I have a datatable that lists certain transactions, and when I click on the details button, it opens a modal, from that I retrieve necessary information and populate this modal, but at the end of the modal, I need to use another datatable, and the data from this datatable within the modal, comes from another table in the database, my question is: Is there any way I can create a relationship between these two datatables?

To summarize: In each row of the table, there is a details button, this button opens a modal, and in this modal I need another table that uses data from another source in the database, would there be any way to use two tables in this way that I explained?

If it wasn't clear, let me know that I'll send you more details...

show funcion in transactionController ->

public function show()
    {   
        // Recuperando dados
        $transaction = transaction::all();

        // Atribuindo dados para o array
        $historicos = [];
        foreach($transaction as $historico) {
            $historicos[] = [
                'id' => $historico->id,
                'code' =>  $historico->code,
                'sequential' => $historico->sequential,
                'license_plate' => $historico->license_plate,
                'status' => $historico->status,
                'return_code' => $historico->return_code,
                'created_at' => "$historico->created_at",
                'return' => $historico->return,
                'button' => '

                    <button 
                        class="btn btn-light-primary valor-modal" 
                        data-bs-toggle="modal" 
                        data-bs-target="#exampleModal" 
                        data-info='.$historico.' 
                        data-type="'.$historico->code.'"
                        data-sequential='.$historico->sequential.'
                        data-license-plate='.$historico->license_plate.'
                        data-informer="'.$historico->informer.'"
                        data-sent="'.$historico->sent.'"
                        data-return='.$historico->return.'
                        data-status='.$historico->status.'
                        data-return-code='.$historico->return_code.'
                        data-date="'.$historico->created_at.'"
                        onclick="returnButtonId('.$historico->id.', this)"
                    >
                        Detalhes
                    </button>

                ',
            ];
        }

        $response_json = [
            'data' => $historicos
        ];

        // Retornando dados para o ajax do datatables
        return response()->json($response_json, 200);
    }


Answers

  • colincolin Posts: 12,630Questions: 0Answers: 2,157

    I'd imagine when you click on the "Details" button, you could jget the ID for that row (row().id()). When you then display the modal, send that ID back to your server script to get the table data for the details,

    Colin

Sign In or Register to comment.