質問編集履歴
4
画像追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -34,6 +34,10 @@
|
|
34
34
|
|
35
35
|
![編集ボタンクリック後](048a2f43f62c8861dcec84b0d78ed84d.png)
|
36
36
|
|
37
|
+
![devtool](db5a78660cba150889a13991b4fa4461.png)
|
38
|
+
|
39
|
+
![ルーティング](74a697b50ebf6925a4a5bd19b6cb4b72.png)
|
40
|
+
|
37
41
|
|
38
42
|
|
39
43
|
Userskillカラム
|
3
Ajaxに関しての文章と図を追加致しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -12,8 +12,6 @@
|
|
12
12
|
|
13
13
|
Userモデル、Skillモデル、UserSkillモデルがあり、UserのMyPage内でAjaxを使ったSkillの新規登録・編集・削除がしたいです。
|
14
14
|
|
15
|
-
(Ajaxの部分は載せておりません。)
|
16
|
-
|
17
15
|
今現時点では、新規登録・削除は実装できているのですが、編集の「更新」の部分でハマっております。
|
18
16
|
|
19
17
|
1回、「更新」ボタンをクリックしても何も反応しないのですが、リロードして「更新」クリックを押すときちんと更新がされます。
|
@@ -22,6 +20,22 @@
|
|
22
20
|
|
23
21
|
|
24
22
|
|
23
|
+
(Ajaxの部分の追加)
|
24
|
+
|
25
|
+
Ajaxの部分は、eachで回したskillのリストの中で、「編集」ボタンが押されたリストの行のみを「編集可能」にするというものです。
|
26
|
+
|
27
|
+
「submit」はAjax化しておりません。
|
28
|
+
|
29
|
+
説明不足で申し訳ございません。
|
30
|
+
|
31
|
+
|
32
|
+
|
33
|
+
![skillリスト](809c2432c5ddc1aff4ddaa6aeaa3ba43.png)
|
34
|
+
|
35
|
+
![編集ボタンクリック後](048a2f43f62c8861dcec84b0d78ed84d.png)
|
36
|
+
|
37
|
+
|
38
|
+
|
25
39
|
Userskillカラム
|
26
40
|
|
27
41
|
id,user_id,skill_id,level,detail
|
2
javascript\(Ajax\)部分を追加いたしました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -86,7 +86,7 @@
|
|
86
86
|
|
87
87
|
<tr class="skill_list_<%= i+1 %>">
|
88
88
|
|
89
|
-
<%= render partial: "
|
89
|
+
<%= render partial: "skill_list", locals: {i: i, userskill: userskill} %>
|
90
90
|
|
91
91
|
</tr>
|
92
92
|
|
@@ -98,13 +98,47 @@
|
|
98
98
|
|
99
99
|
```
|
100
100
|
|
101
|
+
users/_skill_list.html.erb
|
102
|
+
|
103
|
+
```
|
104
|
+
|
105
|
+
<td><%= i+1 %></td>
|
106
|
+
|
107
|
+
<td><%= userskill.skill_id %></td>
|
108
|
+
|
109
|
+
<td><%= userskill.level %></td>
|
110
|
+
|
111
|
+
<td><%= userskill.detail %></td>
|
112
|
+
|
113
|
+
<td><%= link_to '編集', edit_skill_path(userskill, list_num: i+1, uid: current_user.id), remote: true %></td>
|
114
|
+
|
115
|
+
<td><%= link_to '削除', edit_destroy_skill_path(userskill), method: :delete %></td>
|
116
|
+
|
117
|
+
|
118
|
+
|
119
|
+
```
|
120
|
+
|
121
|
+
users/edit_skill.js.erb
|
122
|
+
|
123
|
+
```
|
124
|
+
|
125
|
+
$('.skill_list_<%= @list_num %>').html('<%=j render partial: "edit_skill_form", locals: {userskill: @userskill, list_num: @list_num} %>');
|
126
|
+
|
127
|
+
|
128
|
+
|
129
|
+
```
|
130
|
+
|
131
|
+
|
132
|
+
|
133
|
+
|
134
|
+
|
101
135
|
users/_edit_skill_form.html.erb
|
102
136
|
|
103
137
|
```
|
104
138
|
|
105
139
|
<%= form_for(userskill, url: userskill_path(userskill)) do |f| %>
|
106
140
|
|
107
|
-
<td><%= i
|
141
|
+
<td><%= list_num %></td>
|
108
142
|
|
109
143
|
<td><%= f.select :skill_id, { :html5 => "1", :css3 => "2"} %></td>
|
110
144
|
|
1
文章の追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -17,6 +17,8 @@
|
|
17
17
|
今現時点では、新規登録・削除は実装できているのですが、編集の「更新」の部分でハマっております。
|
18
18
|
|
19
19
|
1回、「更新」ボタンをクリックしても何も反応しないのですが、リロードして「更新」クリックを押すときちんと更新がされます。
|
20
|
+
|
21
|
+
素人が故にどのような情報をこちらに記載すれば、閲覧者様の解決のお力になるのか理解していないので、追加で必要な情報がございましたら、ご教示いただけますと幸いです。
|
20
22
|
|
21
23
|
|
22
24
|
|