モーダルを開くときに変数の値を保持する

Question

私は、各行にforeachを介していくつかの変数を渡すテーブルを持っています。

そして、私はそれがテーブルの最初の値を持つモーダルを開き、「削除」をクリックしたときに私が得るであろう、ID 5での行の削除ボタンをクリックした場合、重要ではありません。 1.

コードIDの値は、このです：

<tbody> 
    @foreach ($admins as $key => $admin) 
     <tr> 
     <td class="idadmin tdcenter"><p id="margindata" class="tdmenuadmin">{{$admin->id}}</p></td> 
     <td class="nameadmin"><p id="margindata" class="tdmenuadmin">{{$admin->name}}</p></td> 
     <td class="emailadmin"><p id="margindata" class="tdmenuadmin">{{$admin->email}}</p></td> 
     <td class="actionsadmin tdmenuadmin"> 

     <button type="button" class="btn btn-danger btn-sm deletemenuadmin" data-toggle="modal" data-target="#formdeleteadmin" id="margindata">Delete</button> 

     <div id="formdeleteadmin" class="modal fade" role="dialog"> <!-- DIV TO SHOW THE CREATE PROJECT FORM 1 START HERE--> 

     <div class="modal-dialog" style="background-color:#23517F;"> 

     <div class="modal-content" style="background-color:#23517F;"> 

      <div class="modal-header"> 

      <button type="button" class="close" data-dismiss="modal">&times;</button> 

      <h4 class="modal-title" style="color:black;">{{$admin->id}}¿Estas seguro de borrar al administrador?</h4> 

      </div> 

      <div class="modal-body"> 

       <div class="col-sm-6"> 
          <a href="{{ route('admin.admins') }}" class="btn btn-danger btn-block">No</a> 
       </div> 
       <div class="col-sm-6"> 
        <form method="POST" action="{{route('admin.admins.destroy',$admin->id)}}"> 
         <input type="submit" value="Si" class="btn btn-danger btn-block"> 
         <input type="hidden" name="_token" value="{{Session::token()}}"> 
         {{method_field('DELETE')}} 
        </form> 
       </div> 
      </div> 

      <div class="modal-footer"> 

        <button type="button" class="btn btn-default" data-dismiss="modal" id="closemodal">Close</button> 

      </div> 

     </div> 

     </div> 

    </div> 
     </td> 
     </tr> 
    @endforeach 
</tbody> 

私はそれが私にこのモーダルを示して[削除]をクリックすると：（それがトリミングされます）

そして、私は[はい]をクリックし、コードを示し、コントローラの機能を実行パスになった場合、関数はこれです：私はモーダルを開くと

public function destroyAdmin($id) //Eliminar la informacion de un admin 
    { 
     $admin = Admin::find($id); 
     $admin->delete(); 
     Session::flash('success','El admin ha sido eliminado con éxito.'); 
     return redirect()->route('admin.admins'); 
    } 

は、どのように私はそれを行うことができ、私は行のIDを保持しますか？

Answer 1

のようにボタンの属性を使用することができます

データ対象 編集されたコードで主キーを追加することにより、データターゲットは

<tbody> 
@foreach ($admins as $key => $admin) 
    <tr> 
    <td class="idadmin tdcenter"><p id="margindata" class="tdmenuadmin">{{$admin->id}}</p></td> 
    <td class="nameadmin"><p id="margindata" class="tdmenuadmin">{{$admin->name}}</p></td> 
    <td class="emailadmin"><p id="margindata" class="tdmenuadmin">{{$admin->email}}</p></td> 
    <td class="actionsadmin tdmenuadmin"> 

    <button type="button" class="btn btn-danger btn-sm deletemenuadmin" data-toggle="modal" data-target="#formdeleteadmin{{$admin->id}}" id="margindata">Delete</button> 

    <div id="formdeleteadmin{{$admin->id}}" class="modal fade" role="dialog"> <!-- DIV TO SHOW THE CREATE PROJECT FORM 1 START HERE--> 

    <div class="modal-dialog" style="background-color:#23517F;"> 

    <div class="modal-content" style="background-color:#23517F;"> 

     <div class="modal-header"> 

     <button type="button" class="close" data-dismiss="modal">&times;</button> 

     <h4 class="modal-title" style="color:black;">{{$admin->id}}¿Estas seguro de borrar al administrador?</h4> 

     </div> 

     <div class="modal-body"> 

      <div class="col-sm-6"> 
         <a href="{{ route('admin.admins') }}" class="btn btn-danger btn-block">No</a> 
      </div> 
      <div class="col-sm-6"> 
       <form method="POST" action="{{route('admin.admins.destroy',$admin->id)}}"> 
        <input type="submit" value="Si" class="btn btn-danger btn-block"> 
        <input type="hidden" name="_token" value="{{Session::token()}}"> 
        {{method_field('DELETE')}} 
       </form> 
      </div> 
     </div> 

     <div class="modal-footer"> 

       <button type="button" class="btn btn-default" data-dismiss="modal" id="closemodal">Close</button> 

     </div> 

    </div> 

    </div> 

</div> 
    </td> 
    </tr> 
@endforeach 

未満であります

Answer 2

表の外に1つのモーダルを作成し、javascriptとモーダルを開くイベントを使用してフィールドにデータを入力します。

あなたのHTMLはよりクリーンになり、期待どおりに動作します。あなたはすべて削除ボタンデータ・ターゲットは、常にダイナミックに作成することができ、すべてのデータ・target.uするための第1のmodel.use別の名前を開く理由same.thatだあるため

<button type="button" 
    class="btn btn-danger btn-sm deletemenuadmin" 
    data-toggle="modal" 
    data-target="#formdeleteadmin" 
    data-url="{{ route('admin.admins.destroy',$admin->id) }}" 
    data-username="{{ $admin->name }}" 
    data-userid="{{ $admin->id}}"> 
    Delete 
</button>