Laravel模态仅加载最后一个条目

时间:2016-10-08 08:22:11

标签: php laravel modal-dialog bootstrap-modal

我一直在尝试使用modal在Laravel中创建和编辑条目。我使用简单的模态而不是ajax。我可以添加条目,但是当我尝试编辑条目时,它只加载模态中的最后一个条目。

这是我的索引(从我调用模态的地方)

@foreach ($clients as $client)
       <tr>
       <td>{{ $client->name }}</td>
       <td><button data-target="modal2" class="btn modal-trigger1"><a href="{{route('client.edit', $client->id)}}">Edit</a></button></td>
       </tr>
@endforeach

这是编辑文件(模态文件)

<div id="modal2" class="modal">
    <div class="panel panel-default">
        <div class="modal-content">
            <p class="flow-text">Edit client</p>
            <form class="form" role="form" method="POST" action="{{ url('/client/'. $client->id) }}">

                <input type="hidden" name="_method" value="patch">
                {!! csrf_field() !!}

                <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
                    <label class="control-label">Name</label>
                    <input type="text" class="form-control" name="name" value="{{ $client->name }}">
                    @if ($errors->has('name'))
                        <span class="help-block">
                        <strong>{{ $errors->first('name') }}</strong>
                    </span>
                    @endif
                </div>

            </form>
        </div>
    </div>
</div>   

控制器中的编辑是

public function edit($id)
    {
        $clients = Client::findOrFail($id);
        return view('client.edit', compact('clients'));
    }

它只加载表中的最后一个条目,而不是行中的条目id。

我使用的是Laravel 5.3。请帮忙

1 个答案:

答案 0 :(得分:0)

将数据设置为您的编辑链接

@foreach ($clients as $client)
  <tr>
    <td>{{ $client->name }}</td>
    <td><a href="#" class="edit-client-link" data-client-id="{{$client->id}}" data-client-name="{{$client->name}}">Edit</a></td>
  </tr>
@endforeach

//在编辑按钮上单击获取数据并将数据设置为模态

$(document).on('click', '.edit-city-link', function(){
  var client_id = $(this).data('client-id');
  var client_name = $(this).data('client-name');
  $('#client-id').val(client_id);
  $('#client-name').val(client_name);
  $('#edit-client-modal').modal('show');
});

//这是模态的

<div id="modal2" class="modal">
  <div class="panel panel-default">
    <div class="modal-content">
      <p class="flow-text">Edit client</p>
      <form id="edit-client-modal" class="form" role="form" method="POST" action="{{ url('/client/edit') }}">
        <input type="hidden" name="_method" value="patch">
        {!! csrf_field() !!}
        <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
            <label class="control-label">Name</label>
            <input id="client-id" type="hidden" class="form-control" name="client-id">
            <input id="client-name" type="text" class="form-control" name="name">
            @if ($errors->has('name'))
                <span class="help-block">
                <strong>{{ $errors->first('name') }}</strong>
            </span>
            @endif
        </div>
      </form>
    </div>
  </div>
</div>   

这是你的控制器方法

public function edit($request_data)
{
  $obj_client = Client ::find($request_data['client-id']);
  $obj_client = $request_data['client-name'];
  $obj_client->save(); 
}