laravel - 每次当我点击编辑时,我都会得到最后插入的记录。当我单击特定记录的编辑按钮时,如何获取特定 ID?
问题描述
每次当我点击编辑时,我都会得到最后插入的记录。当我单击特定记录的编辑按钮时,如何获取特定 ID?
我放了2个弹出框,添加假期会弹出添加假期的弹出框,编辑假期会弹出编辑假期的弹出框。
我该如何解决这个问题?
这是我的视图文件代码
@extends('layouts.master')
@section('content')
<section>
<div class="page-wrapper">
<div class="container-fluid">
<div class="row page-titles">
<div class="col-md-5 align-self-
</div>
</div>
<div class="card">
<div class="card-body">
<a href="javascript:void(0)" data-toggle="modal" data-target="#myModalAdd" class="btn btn-info text-white">+ Add Holidays</a>
<div id="myModalAdd" class="modal fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabelAdd" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabelAdd">Add Holidays</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<form class="form-horizontal" method="POST" action="{{route('store_holidays')}}">
@csrf
<div class="form-group">
<label class="col-md-12">Date:</label>
<div class="col-md-12">
<input type="date" name="holidaydate" class="form-control" placeholder="dd/mm/yyyy">
</div>
</div>
<div class="form-group">
<label class="col-md-12">Occasion</label>
<div class="col-md-12">
<input type="text" class="form-control" name="occasion" placeholder="Occasion">
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-info waves-effect" data-dismiss="modal">Save</button>
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal">Cancel</button>
</div>
</form>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<div class="table-responsive m-t-40">
<table class="table table-bordered table-striped ">
<thead>
<tr>
<th>Date</th>
<th>Occasion</th>
<th>Action</th>
</tr>
</thead>
<tbody>
@foreach($publicHolidays as $holiday)
<tr>
<td>{{$holiday->holidaydate}}</td>
<td>{{$holiday->occasion}}</td>
<td>
<a href="{{url('/edit-holiday', $holiday->id)}}" data-toggle="modal" data-target="#myModal"><i class="fa fa-edit fa-lg" style="color:#0066ff" aria-hidden="true"></i></a>
<a href="{{url('/delete-holiday', $holiday->id)}}"><i class="fa fa-trash fa-lg" style="color:red" aria-hidden="true"></i></a>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
<div id="myModal" class="modal fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabelEdit" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabelEdit">Edit Holiday</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<form class="form-horizontal" method="POST" action="{{ url('edit-holiday', $holiday->id) }}">
@csrf
<div class="form-group">
<label class="col-md-12">Date:</label>
<div class="col-md-12">
<input type="date" name="holidaydate" class="form-control" placeholder="dd/mm/yyyy" value="{{$holiday->holidaydate}}">
</div>
</div>
<div class="form-group">
<label class="col-md-12">Occasion</label>
<div class="col-md-12">
<input type="text" class="form-control" name="occasion" placeholder="Occasion" value="{{$holiday->occasion}}">
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-info waves-effect" data-dismiss="modal">Update</button>
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
@endsection
这是我的控制器文件代码
<?php
namespace App\Http\Controllers;
use App\Holiday;
use Session;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Validator;
use Illuminate\Support\Facades\Input;
use Illuminate\Support\Facades\Redirect;
use Illuminate\Support\Facades\Hash;
class HolidayController extends Controller
{
public function addHolidays(Request $request)
{
$holiday = new Holiday();
$holiday->holidaydate = $request->get('holidaydate');
$holiday->occasion = $request->get('occasion');
$holiday->save();
return redirect('list-holidays')->with('success', 'Holiday Added Successfully');
}
public function listHolidays()
{
$publicHolidays = Holiday::all();
return view('pages.listholiday', compact('publicHolidays'));
}
public function editHoliday($id)
{
$holiday = Holiday::find($id);
return view('pages.listholiday', compact('holiday', 'id'));
}
public function updateHoliday(Request $request, $id)
{
$holiday = Holiday::find($id);
$holiday->holidaydate = $request->get('holidaydate');
$holiday->occasion = $request->get('occasion');
$holiday->save();
return redirect('list-holidays')->with('success', 'Holiday Updated Successfully');
}
public function deleteHoliday($id)
{
$holiday = Holiday::find($id);
$holiday->delete();
return redirect('list-holidays')->with('Success', 'Record Deleted SuccessFully!');
}
}
我的刀片文件是
@extends('layouts.master')
@section('content')
<section>
<div class="page-wrapper">
<div class="container-fluid">
<div class="row page-titles">
<div class="col-md-5 align-self-center">
<h4 class="text-themecolor">{{__(' Holiday Schedule')}}</h4>
</div>
</div>
{{-- POP-UP Form --}}
<div class="card">
<div class="card-body">
<a href="javascript:void(0)" data-toggle="modal" data-target="#myModalAdd" class="btn btn-info text-white">+ Add Holidays</a>
<div id="myModalAdd" class="modal fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabelAdd" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabelAdd">Add Holidays</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<form class="form-horizontal" method="POST" action="{{route('store_holidays')}}">
@csrf
<div class="form-group">
<label class="col-md-12">Date:</label>
<div class="col-md-12">
<input type="date" name="holidaydate" class="form-control" placeholder="dd/mm/yyyy">
</div>
</div>
<div class="form-group">
<label class="col-md-12">Occasion</label>
<div class="col-md-12">
<input type="text" class="form-control" name="occasion" placeholder="Occasion">
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-info waves-effect" data-dismiss="modal">Save</button>
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal">Cancel</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
{{-- END POPUP FORM --}}
<div class="table-responsive m-t-40">
<table class="table table-bordered table-striped ">
<thead>
<tr>
<th>Date</th>
<th>Occasion</th>
<th>Action</th>
</tr>
</thead>
<tbody>
@foreach($publicHolidays as $holiday)
<tr>
<td>{{$holiday->holidaydate}}</td>
<td>{{$holiday->occasion}}</td>
<td>
{{-- <a href="{{url('/edit-holiday', $holiday->id)}}" data-toggle="modal" data-target="#myModal"><i class="fa fa-edit fa-lg" style="color:#0066ff" aria-hidden="true"></i></a> --}}
<a class="holiday_modal" href="{{url('/edit-holiday', $holiday->id)}}" data-toggle="modal" data-target="#myModal" data-holidaydate="{{ $holiday->holidaydate }}" data-action="{{ route('edit_holidays', $holiday->id) }}" data-occasion="{{$holiday->occasion}}"><i class="fa fa-edit fa-lg" style="color:#0066ff" aria-hidden="true"></i></a>
<a href="{{url('/delete-holiday', $holiday->id)}}"><i class="fa fa-trash fa-lg" style="color:red" aria-hidden="true"></i></a>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
<div id="myModal" class="modal fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabelEdit" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabelEdit">Edit Holiday</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<form class="form-horizontal" method="POST" id="action_modal">
@csrf
<div class="form-group">
<label class="col-md-12">Date:</label>
<div class="col-md-12">
<input type="date" name="holidaydate" class="form-control" placeholder="dd/mm/yyyy" id="holidaydate">
</div>
</div>
<div class="form-group">
<label class="col-md-12">Occasion</label>
<div class="col-md-12">
<input type="text" class="form-control" name="occasion" placeholder="Occasion" id="occasion">
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-info waves-effect" data-dismiss="modal">Update</button>
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$('.holiday_modal').click(function (event) {
$('#holidaydate').attr('value', $(this).data('action'));
$('#occasion').attr('value', $(this).data('occasion'));
$('#action_modal').attr('action', $(this).data('action'));;
})
</script>
</section>
@endsection
解决方案
试试这个
在您的编辑按钮中
<a class="holiday_modal" href="{{url('/edit-holiday', $holiday->id)}}" data-toggle="modal" data-target="#myModal" data-holidaydate="{{ $holiday->holidaydate }}" data-action="{{ route('edit-holiday', $holiday->id) }}" data-occasion="{{$holiday->occasion}}"><i class="fa fa-edit fa-lg" style="color:#0066ff" aria-hidden="true"></i></a>
你的模态
<div id="myModal" class="modal fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabelEdit" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabelEdit">Edit Holiday</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<form class="form-horizontal" method="POST" id="action_modal">
@csrf
<div class="form-group">
<label class="col-md-12">Date:</label>
<div class="col-md-12">
<input type="date" name="holidaydate" class="form-control" placeholder="dd/mm/yyyy" id="holidaydate">
</div>
</div>
<div class="form-group">
<label class="col-md-12">Occasion</label>
<div class="col-md-12">
<input type="text" class="form-control" name="occasion" placeholder="Occasion" id="occasion">
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-info waves-effect" data-dismiss="modal">Update</button>
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
</div>
在文件末尾添加脚本
<script type="text/javascript">
$('.holiday_modal').click(function (event) {
$('#holidaydate').attr('value', $(this).data('holidaydate'));
$('#occasion').attr('value', $(this).data('occasion'));
$('#action_modal').attr('action', $(this).data('action'));;
})
</script>
希望这可以帮助 :)
推荐阅读
- javascript - 如何在highcharts的上下文按钮中添加和调整图像大小
- wpf - Open a Dialog box in the same position as of the Main Form in WPF
- codeanywhere - 使用 CodeAnywhere 通过 SFTP 间歇性保存文件问题
- templates - AIML,识别模式中保存的变量
- php - 计算嵌套数组元键的值
- html - 不验证
- android - 整个 RecyclerView 上的 onClickListener
- iis - IIS 8.5 - 是否应该在所有使用 SSL 的站点上启用 SNI?
- c - & 后跟 * 运算符的行为
- .net - Winforms Control Validation Order