我有一个弹出模式,用于编辑通过从数据库中获取数据而创建的行。我正在创建一个用于编辑目的的弹出模式。单击编辑按钮时,仅显示最顶行的数据。 '的 modaleditsubtask '是我的编辑模式。一旦我点击编辑按钮,它就会显示出来。并且在此弹出模式中,应显示相应行的值,而不是顶部的值。我无法弄清楚代码中出了什么问题。
@extends('layouts.app')
@section('content')
<div class="container" id="default_container_style">
<div class="col-sm-offset-1 col-sm-10">
<div class="panel panel-default">
<div class="panel-heading">
@foreach ($tasks as $tasks)
{{$tasks->name}}
</div>
{{$tasks->task_description}}
<div class="panel-body table-responsive">
<table class="table table-striped task-table ">
<thead>
<tr>
<th>Name</th>
<th></th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
@foreach ($subtask_pending as $subtask)
<tr>
<td> {{$subtask->name}} </td>
<td>
<button type="submit" data-toggle="modal" class=" subtaskeditclass btn btn-warning btn-xs" data-target="#modaleditsubtask">
<i class="fa fa-btn fa-edit"></i>Edit
</button>
</td>
<td>
<form action="/subtaskdelete/{{ $subtask->id }}" method="POST" style="display: inline-block;">
{{ csrf_field() }}
{{ method_field('DELETE') }}
<button type="submit" id="delete-task-{{$subtask->id }}" class="btn btn-danger btn-xs">
<i class="fa fa-btn fa-trash"></i>Delete
</button>
</form>
</td>
</tr>
<form action="/subtask/edit/{{$subtask->id}}" method="POST" class="form-horizontal">
<div class="modal fade" id="modaleditsubtask" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" id="popupwindow_subtask">
<b class="modal-title" >Edit Name</b>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
{{ csrf_field() }}
{{ method_field('PATCH') }}
<div class=subtask1_row_style>
<div class="row">
<div class="col-sm-3">New Name</div>
<div class="col-sm-9"><input type="text" name="name" id="task-name" class="form-control" value="{{$subtask->name}}">
</div>
</div>
</div>
<div class="modal-footer">
<button type="submit" id="{{ $subtask->id }}" class="btn btn-info">
<i class="fa fa-btn fa-edit"></i>Edit
</button>
</div>
</div>
</div>
</div>
</div>
</form>
@endforeach
@endforeach
</tbody>
</table>
</div>
@endsection