Laravel 5.4在视图中以模态显示编辑选项?

时间:2018-03-16 01:21:37

标签: php laravel

我在Laravel中成功创建了一个应用程序,允许用户编辑项目的帖子。当前的方法是将用户重定向到可以进行更改的不同页面。但是为了增加用户的过期,我计划在页面中添加“模态”。这意味着编辑帖子将在同一页面内发生。这种方法对我来说部分有效。在一个方面,最后或最新的帖子只是可编辑的帖子。如果我点击任何帖子,它只会让我对最新的帖子进行更改。任何帮助,建议或例子都非常感激。

下面我附上了我的show.blade.php,其中显示了项目信息和帖子。

<ul class="list-group">


@foreach ($car->reviews as $review)
<li class="list-group-item">

    <strong>
        Created by: {{ $review->user->name}} {{ $review->created_at->diffForHumans() }}:
        <br>
        Updated by: {{ $review->user->name}} {{ $review->updated_at->diffForHumans() }}:

    </strong>


  <a href="/reviews/{{ $review->id }}/edit" data-toggle="modal" data-target="#myModal1" >{{ $review->reviewbody }}</a>


  <a style="float:right;" href="/reviews/{{$review->id}}/delete">Delete</a>

 @endforeach

模态

<div class="container">
      <!-- Trigger the modal with a button -->
      <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal1">TEST</button>

      <!-- Modal -->
      <div class="modal fade" id="myModal1" role="dialog">
        <div class="modal-dialog">

          <!-- Modal content-->
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">&times;</button>

            </div>
            <div class="modal-body">
                <div class="review-edit">
                    <div class="review-edit-block">
                        <a href="/reviews/{{ $review->id }}/edit">{{ $review->reviewbody }}</a>

                        <form action="/reviews/{{$review->id}}" method="POST">
                          {{ csrf_field() }}
                          {{ method_field('patch') }}

                          <div class="form-group">
                            <textarea style="position:relative;left:10%;width:375px;"name="reviewbody" class="form-control">{{ $review->reviewbody }}</textarea>
                          </div>
                          <div>
                            <button type="submit" class="btn btn-primary">Update Review</button>



                        </form>
                    </div>


                </div>
                    </div>

            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
          </div>

        </div>
      </div>

1 个答案:

答案 0 :(得分:0)

如果在foreach循环之后包含模态,变量$review仍将设置为数组中最后一项的值。

一个选项是使用Javascript来处理点击的链接,将特定数据设置为模态字段,然后使模态可见。

Example