如何使用 laravel 中的 @included 在引导模式中编辑表单答案

【问题标题】：How to edit form in bootstrap model using @included in laravel如何使用 laravel 中的 @included 在引导模式中编辑表单
【发布时间】：2020-12-07 19:56:00
【问题描述】：

我在 laravel 中有编辑表单，在其他页面上效果很好，但我想在同一页面的引导模式上编辑，点击任何分页表中的编辑按钮。

是因为表单页面的代码太长并且试图找到保存代码的方式，我所做的想法是将表单代码复制到之前并将新页面作为 form.blade.php 我的问题是如何或我需要在哪里放置 #include(reseller.form) 以确保在编辑之前显示在引导模式上！

分页中的编辑按钮

<button class="btn btn-danger btn-sm btn-mini" type="button" data-toggle="modal" data-target="#edits" data-debitur=""><i class="fas fa-times fa-fw"></i><b>Edit</b></button>

模态

<!-- Modal -->
<div class="modal fade" id="edits" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalCenterTitle">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">




        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

form.blade.php

 <div class="card-body">
               <!-- Account ID -->
               <div class="form-group row">
                  <label for="accountid" class="col-sm-2 col-form-label">Account Id:</label>
                  <div class="col-sm-10">
                     <input type="text" class="form-control" value="{{ $reseller->accountid }}" name="accountid" id="accountid" placeholder="Account ID" >
                     <div>@error('accountid')<p style="color:red; font-weight: bold;">{{$message}}</p>@enderror</div>
                  </div>
               </div>
               <!-- Password -->
               <div class="form-group row">
                  <label for="password" class="col-sm-2 col-form-label">Password:</label>
                  <div class="col-sm-10">
                     <input type="text" class="form-control" value="{{ $reseller-> password }}" name="password" id="password" placeholder="Password">
                     <div>@error('password')<p style="color:red; font-weight: bold;">{{$message}}</p>@enderror</div>
                  </div>
               </div>
               <!-- Company Name -->
               <div class="form-group row">
                  <label for="Company_name" class="col-sm-2 col-form-label">Company Name:</label>
                  <div class="col-sm-10">
                     <input type="text" class="form-control" value="{{ $reseller-> companyname }}" name="companyname" id="companyname" placeholder="Company Name">
                     <div>@error('companyname')<p style="color:red; font-weight: bold;">{{$message}}</p>@enderror</div>
                  </div>
               </div>
               <!-- URL -->

还有任何 jquery 涉及到它来工作！请帮忙谢谢。

【问题讨论】：

标签： jquery laravel forms bootstrap-modal

【解决方案1】：

如果您使用的是布局模板，您可以使用 @yield('modals') 在布局中定义一个部分，然后在您的实际视图中执行以下操作：

@section('modals')
   @include('form')
@endsection

或者只是在您的实际视图中执行 @include('form') 来显示模式，您可以通过数据属性或使用 jQuery 事件来执行此操作，您在 html 中使用它的方式很好，应该显示模态按钮点击，如果你想使用 jQuery，你可以这样做：

$('#form').modal('toggle');

或

$('#form').modal('show');

【讨论】：