Javascript 将数据放在文本框中编辑/更新模态Laravel
所以我用modal做这个crud的事情,我想我能够做到,只是表格中的数据没有显示在modal的文本框中。我可以更新我的表,只是我想在模式中显示所选行的数据 下面是它的外观: 这是我的视图:表部分(view/crud/crud.blade.php) 这是我的控制器:更新部分Javascript 将数据放在文本框中编辑/更新模态Laravel,javascript,php,laravel,bootstrap-modal,crud,Javascript,Php,Laravel,Bootstrap Modal,Crud,所以我用modal做这个crud的事情,我想我能够做到,只是表格中的数据没有显示在modal的文本框中。我可以更新我的表,只是我想在模式中显示所选行的数据 下面是它的外观: 这是我的视图:表部分(view/crud/crud.blade.php) 这是我的控制器:更新部分 public function update(Request $request, $id) { // $this->validate($request, [
public function update(Request $request, $id)
{
//
$this->validate($request, [
'firstName' =>'required',
'lastName' => 'required',
'course' => 'required'
]);
//Adding Data
$crud = Crud::find($id);
$crud->firstName = $request->input('firstName');
$crud->lastName = $request->input('lastName');
$crud->course = $request->input('course');
$crud->save();
return redirect('/crud');
}
这是我的路线
Route::resource('crud', 'CrudController');
以下是控制台中显示的内容:
(5) ["9", "abcde", "abcde", "abcde", "↵ Edit … Delete ↵ "]
0: "9"
1: "abcde"
2: "abcde"
3: "abcde"
4: "↵ Edit ↵ Delete ↵ "
length: 5
__proto__: Array(0)
你能试试这个吗
$(document).ready(function(){
var table = $('#dataTable').DataTable();
//display Edit Modal
$('.edit_btn').on('click', function(){
var id = $(this).parent().prev().prev().prev().prev().text();
var firstName = $(this).parent().prev().prev().prev().text();
var lastName = $(this).parent().prev().prev().text();
var course = $(this).parent().prev().text();
$('#firstName').val(firstName);
$('#lastName').val(lastName);
$('#course').val(course);
$('#editForm').attr('action', '/crud/' + id);
$('#editModal').modal('show');
})
});
当您关闭模态窗体并再次单击其他记录时,可能需要重置模态窗体。如果它是引导模式,您可以在关闭时重置它,如下例所示:
// Clears modal form when is closed
$('#kt_modal_org').on('hidden.bs.modal', function(e) {
$(this).find('#org-form')[0].reset();
});
你能试试这个吗
$(document).ready(function(){
var table = $('#dataTable').DataTable();
//display Edit Modal
$('.edit_btn').on('click', function(){
var id = $(this).parent().prev().prev().prev().prev().text();
var firstName = $(this).parent().prev().prev().prev().text();
var lastName = $(this).parent().prev().prev().text();
var course = $(this).parent().prev().text();
$('#firstName').val(firstName);
$('#lastName').val(lastName);
$('#course').val(course);
$('#editForm').attr('action', '/crud/' + id);
$('#editModal').modal('show');
})
});
当您关闭模态窗体并再次单击其他记录时,可能需要重置模态窗体。如果它是引导模式,您可以在关闭时重置它,如下例所示:
// Clears modal form when is closed
$('#kt_modal_org').on('hidden.bs.modal', function(e) {
$(this).find('#org-form')[0].reset();
});
您可以发布console.log(data)的输出吗?以下是控制台中显示的内容:`(5)[“9”,“abcde”,“abcde”,“abcde”,“abcde”↵ 编辑…删除↵ "] 0:“9”1:“abcde”2:“abcde”3:“abcde”4:↵ 编辑↵ 删除↵ “length:5 proto:Array(0)`为什么要重定向return redirect('/crud'));在控制器中?此代码使模态关闭,您希望显示它,对吗?我认为这不会影响模态,我用图片更新了问题以解释问题。请检查…谢谢you@account2020当模式弹出并按特定id检索数据时,您会怎么想?您能发布console.log(数据)的输出吗?以下是控制台中显示的内容:`(5)[“9”,“abcde”,“abcde”,“abcde”,“abcde”↵ 编辑…删除↵ “]0:“9”1:“abcde”2:“abcde”3:“abcde”4:”↵ 编辑↵ 删除↵ “length:5 proto:Array(0)`为什么要重定向return redirect('/crud'));在控制器中?此代码使模态关闭,您希望显示它,对吗?我认为这不会影响模态,我用图片更新了问题以解释问题。请检查…谢谢you@account2020当模式弹出并按特定id检索数据时,您会怎么想?
// Clears modal form when is closed
$('#kt_modal_org').on('hidden.bs.modal', function(e) {
$(this).find('#org-form')[0].reset();
});