sending eloquent object to JavaScript function

Question

I am trying to pass Laravel eloquent object to JavaScript function. I have this code:

                @php
                    {{$count = 1;}}
                @endphp
                @foreach($user_infos as $info)
                    <tr onclick="">
                        <th scope="row">{{$count++}}</th>
                        <td hidden>{{$info->id}}</td>
                        <td>{{$info->name}}</td>
                        <td>{{$info->email}}</td>
                        <td>{{$info->workplace_name}}</td>
                        <td>{{$info->department_name}}</td>
                        <td><i class="fa-solid fa-pen-to-square" onclick="showPopUp({{$info}})"
                               style="cursor: pointer; color: blue"></i></td>
                    </tr>
                @endforeach

I want to pass the current object ($info) to the function (showPopUp).

Any suggestion?

Behzad · Accepted Answer · 2022-12-12 11:59:37Z

4

You can use blades @json directive:

onclick="showPopUp(@json($info))"

edited Dec 12, 2022 at 11:59

answered Dec 11, 2022 at 8:44

Behzad

5826 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

shaedrich Over a year ago

Are you sure, the curly braces are needed? oO

Behzad Over a year ago

@shaedrich No, I've just copied the original code and added the directive. thanks for mentioning it, edited.

Collectives™ on Stack Overflow

sending eloquent object to JavaScript function

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related