質問編集履歴
1
誤字
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -8,12 +8,8 @@
|
|
|
8
8
|
投稿一覧画面の自分の投稿も、変更が反映されている
|
|
9
9
|
といった機能を実現したいです。
|
|
10
10
|
|
|
11
|
-
現時点では選択した内容が初期表示されているところまで実現しています。
|
|
12
11
|
|
|
13
|
-
ここから先が見当もつきません。
|
|
14
12
|
|
|
15
|
-
|
|
16
|
-
|
|
17
13
|
### ソースコード
|
|
18
14
|
|
|
19
15
|
```php
|
|
@@ -57,15 +53,16 @@
|
|
|
57
53
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
58
54
|
<h4 class="modal-title">編集</h4>
|
|
59
55
|
</div>
|
|
60
|
-
<form class="" action="{{ route('updatePost') }}" method="post">
|
|
61
56
|
|
|
57
|
+
<form action="{{ route('updatePost', ['id' => $post->id ]) }}" method="post">
|
|
62
58
|
<div class="modal-body">
|
|
59
|
+
<input type="hidden" name="_method" value="PUT">
|
|
63
60
|
<input id="id" class="form-control" type="hidden" name="id" value="">
|
|
64
61
|
<input id="post" class="form-control" type="text" name="upPost" value="">
|
|
65
62
|
</div>
|
|
66
63
|
|
|
67
64
|
<div class="modal-footer">
|
|
68
|
-
<button
|
|
65
|
+
<button type="button" class="btn" data-dismiss="modal">
|
|
69
66
|
<img src="{{ asset('images/edit.png') }}" alt="編集" width="25px">
|
|
70
67
|
</button>
|
|
71
68
|
</div>
|
|
@@ -88,22 +85,6 @@
|
|
|
88
85
|
modal.find('.modal-body input#post').val(post);
|
|
89
86
|
modal.find('.modal-body input#id').val(id);
|
|
90
87
|
});
|
|
91
|
-
|
|
92
|
-
$('#chgDateSub').on('click', function(){//更新ボタンをクリックしたら
|
|
93
|
-
var post = $('#post').val();
|
|
94
|
-
var id = $('#id').val();
|
|
95
|
-
$.ajaxSetup({
|
|
96
|
-
headers: {
|
|
97
|
-
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
|
98
|
-
}
|
|
99
|
-
});
|
|
100
|
-
|
|
101
|
-
$.ajax('/top',{
|
|
102
|
-
type: "post",
|
|
103
|
-
data: { post: post, id: id },
|
|
104
|
-
datatype: "json"
|
|
105
|
-
});
|
|
106
|
-
});
|
|
107
88
|
});
|
|
108
89
|
```
|
|
109
90
|
```php
|
|
@@ -126,7 +107,7 @@
|
|
|
126
107
|
```php
|
|
127
108
|
web.php
|
|
128
109
|
|
|
129
|
-
Route::
|
|
110
|
+
Route::put('/top', 'PostsController@update')->name('updatePost');
|
|
130
111
|
|
|
131
112
|
```
|
|
132
113
|
|
|
@@ -136,8 +117,12 @@
|
|
|
136
117
|
[参考サイト１](https://agohack.com/bootstrap-modal-form-submit-ajax/)
|
|
137
118
|
[参考サイト２](https://qiita.com/sofpyon/items/1e72426598eed745f031)
|
|
138
119
|
###
|
|
120
|
+
|
|
121
|
+
こちらモーダル上の入力欄で編集後
|
|
139
|
-
|
|
122
|
+
キーボードのEnterをおすと更新できましたが
|
|
140
|
-
ajaxでコントローラーにデータを渡してbladeに渡せばいいのでしょうか？
|
|
141
|
-
やり方が全くわからず、完全につまっています。
|
|
142
|
-
知識が追いついてないのは重々承知ですのでどこから勉強したらよいか教えてください…
|
|
143
|
-
|
|
123
|
+
フォーム内のbuttonを押下すると更新できません。
|
|
124
|
+
buttonタグのtypeをsubmitにすると
|
|
125
|
+
キーボードのEnterを押してもbuttonをクリックしても更新できなくなります。
|
|
126
|
+
キーボードEnterでもbutton押下でも更新できるようにするには
|
|
127
|
+
どこを改善すればよろしいでしょうか。
|
|
128
|
+
ご教授お願いいたします。
|