首页 > 解决方案 > Laravel - 在单独的视图中打开模式

问题描述

我创建了一个包含模式对话框并通过 jQuery 打开的视图“ edit.blade.php ”:

<!-- Modal -->
<div class="modal fade right" id="modalEditUser" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" >Edit user</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        @if ($errors->any())
        <div class="alert alert-danger">
          <ul>
              @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
              @endforeach
          </ul>
        </div><br />
        @endif
        <form method="post" action="{{ route('admin.update', $user->id) }}">
          @method('PATCH')
          @csrf
          <div class="form-group">
            <label for="name">User Name:</label>
            <input type="text" class="form-control" name="name" value="{{ $user->name }}" />
          </div>
      </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
          <button type="submit" class="btn btn-primary">Save user changes</button>
        </div>
      </form>
    </div>
  </div>
</div>
<!-- Modal -->

<script>

$(document).ready(function() {
  $('#modalEditUser').modal('show');  
    });
</script>

从“ index.blade.php ”调用视图

<td><a id="openModal" href="{{ route('admin.edit', $user->id) }}" class="btn btn-primary"><i class="fas fa-user"></i></a></td>

在控制器类中,编辑方法如下所示:

 public function edit($id)
    {
        $user = User::find($id);

        return view('admin.edit', compact('user'));
    }

问题是,一旦我单击索引页面上的编辑按钮,编辑页面就会打开空白并显示模式。我想要完成的是在索引页面上打开模式,而不重定向到编辑页面。

如何在不重定向到编辑页面的情况下打开包含模式的编辑页面?

标签: laravel-5bootstrap-4

解决方案


推荐阅读