mardi 4 juillet 2017

Laravel 5.3 pass data to Modal to edit the Comment

Here is my button: my $post->comment contained id, comment, email and name; I want to pass the comment to the form inside the modal. I also want to use the id to the 2nd parameter of the route to update the comment

@foreach($post->comments as $comment)
    <button class="btn btn-success btn-xs " data-toggle="modal" data-target="#myModal" data-id="" data-comment=" "><i class="fa fa-pencil"></i></button>
    @endforeach

Here is my modal:

  <!-- Modal -->
  <div class="modal fade modal-md" id="myModal" 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>
          <h4 class="modal-title">Comment Update!</h4>
        </div>
        <div class="modal-body">
        <div id="comment-form" class="">
        
        <div class="row">
        <div class="col-md-12">
        <b></b>
        
        </div>
        </div>
        
        </div>
        </div>
        <div class="modal-footer">
        <a href=""
        onclick="event.preventDefault();
        document.getElementById('comment-update').submit();"  class="btn btn-primary">
            Update </a>
        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
        </div>
        </div> 
        </div>
        </div>

I tried this Script but it wont work:

<script type="text/javascript" charset="utf-8">
$('#myModal').on('show', function(e) {
var link = e.relatedTarget();

var id = link.data("id");
var comment = link.data("comment");

var modal = $(this);
modal.find("#id").val(id);
modal.find("#comment").val(comment);

});



via Chebli Mohamed

Aucun commentaire:

Enregistrer un commentaire