使用 click 函数显示来自 Blade 模型的数据

Question

我正在使用按钮来显示使用 data-toggle="modal" 的特定人员的详细信息，但该按钮没有执行任何操作。当我单击按钮时，我无法显示用户的任何详细信息。

路线：

Route::get('document', 'PatientController@show');

控制器：

public function show()
    {
        $patient_user=patient_user::all();
        return view('document')->with('patient_user',$patient_user);
    }

查看：

<form id="myForm" method="get">
    <input type="hidden" name="_token" value="{{ csrf_token() }}">
        <div class="panel-body">
            <table class="table table-striped table-bordered table-hover table-full-width" id="sample_1">
                <thead>
                    <tr>
                        <th>Patient ID</th>
                        <th>Patient Name</th>
                        <th>Full Name</th>
                        <th>DOB</th>
                        <th>Ref. Name</th>
                        <th>Payment</th>
                        <th>Doc Status</th>
                        <th>Appointment</th>
                        <th>Action</th>
                    </tr>
                </thead>
                @foreach($patient_user as $key=>$row)
                <tbody>
                    <tr>
                        <td>{{$row->patient_id}}</td>
                        <td>{{$row->patient_firstname}}</td>
                        <td>{{$row->patient_firstname}} {{$row->patient_lastname}}</td>
                        <td>{{$row->dob}}</td>
                        <td>{{$row->refering_physician_name}}</td>
                        <td>{{$row->dob}} </td>
                        <td>{{$row->dob}}</td>
                        <td>{{$row->app_date}}</td>
                        <td class="center">
                            <div class="visible-md visible-lg hidden-sm hidden-xs">
                                <a href='{{ url("Trail/{$row->patient_id}") }}' class="btn btn-xs btn-teal tooltips" data-placement="top" data-original-title="Edit"><i class="fa fa-edit"></i></a>
                                <a href='#' data-toggle="modal" class="btn btn-xs btn-green tooltips" data-id="{{ $row->patient_id}}" data-target="static" onclick="pat_det{{ $row->patient_id }}" data-placement="top" data-original-title="View" id="pat_det"><i class="fa fa-eye"></i></a>
                                <a href='{{ url("destroy/{$row->patient_id}") }}' class="btn btn-xs btn-bricky tooltips" data-placement="top" data-original-title="Remove"><i class="fa fa-times fa fa-white"></i></a>
                            </div>
                        </td>
                    </tr>
                </tbody>
                @endforeach
            </table>
        </div>
        <div id="static" class="modal fade" tabindex="-1" data-backdrop="static" data-keyboard="false" style="display: none;">
            <div class="modal-body">
                <h4><i>Patient Details</i></h4> 
            </div>
            <div class="modal-body">
                <div class="col-md-12">
                    <div class="col-md-6">First Name</div>
                    <div class="col-md-5" id="fname"> {{ $row->patient_firstname}} </div>
                </div>
                <br>
                <div class="col-md-12">
                    <div class="col-md-6">Middle Name</div>
                    <div class="col-md-5" id="mname"> {{ $row->middle_name}} </div>
                </div>
                 <br>
                 <div class="col-md-12">
                    <div class="col-md-6">Last Name</div>
                    <div class="col-md-5" id="lname"> {{ $row->patient_lastname}} </div>
                 </div>
            </div>
        </div>
</form>

jquery:

<script type="text/javascript">
    $('#static').on('show', function(e) 
    {
                e.preventDefault();
                var link     = e.relatedTarget(),
                modal    = $(this),
                patient_firstname = link.data("patient_firstname"),
                middle_name = link.data(middle_name),
                patient_lastname = link.data("patient_lastname"),

                modal.find("#fname").val(patient_firstname);
                modal.find("#mname").val(middle_name);
                modal.find("#lname").val(patient_lastname);

    });
</script>

#static 是我的模态 ID，find 中的值是特定字段的 ID，val 是数据库值。

Answer 1

问题是您从未设置的属性中请求数据。

patient_firstname = link.data("patient_firstname"),

以上部分正在尝试检索属性data-patient_firstname 的值。由于原始链接没有这个属性，所以不会有任何数据。

改变

<a href='#' data-toggle="modal" class="btn btn-xs btn-green tooltips" data-id="{{ $row->patient_id}}" data-target="static" onclick="pat_det{{ $row->patient_id }}" data-placement="top" data-original-title="View" id="pat_det"><i class="fa fa-eye"></i></a>

进入

<a href='#' data-toggle="modal" 
data-patient_firstname="{{$row->patient_firstname}}" <-- do this for all requested vars
class="btn btn-xs btn-green tooltips" data-id="{{ $row->patient_id}}" data-target="static" onclick="pat_det{{ $row->patient_id }}" data-placement="top" data-original-title="View" id="pat_det"><i class="fa fa-eye"></i></a>

这样data-* 属性将可用。