質問編集履歴
4
画像追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
19
|
+
|
|
20
|
+
|
|
19
21
|
|
|
20
22
|
Userskillカラム
|
|
21
23
|
id,user_id,skill_id,level,detail
|
3
Ajaxに関しての文章と図を追加致しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -5,11 +5,18 @@
|
|
|
5
5
|
|
|
6
6
|
教えていただきたい箇所は以下です。
|
|
7
7
|
Userモデル、Skillモデル、UserSkillモデルがあり、UserのMyPage内でAjaxを使ったSkillの新規登録・編集・削除がしたいです。
|
|
8
|
-
（Ajaxの部分は載せておりません。）
|
|
9
8
|
今現時点では、新規登録・削除は実装できているのですが、編集の「更新」の部分でハマっております。
|
|
10
9
|
1回、「更新」ボタンをクリックしても何も反応しないのですが、リロードして「更新」クリックを押すときちんと更新がされます。
|
|
11
10
|
素人が故にどのような情報をこちらに記載すれば、閲覧者様の解決のお力になるのか理解していないので、追加で必要な情報がございましたら、ご教示いただけますと幸いです。
|
|
12
11
|
|
|
12
|
+
(Ajaxの部分の追加)
|
|
13
|
+
Ajaxの部分は、eachで回したskillのリストの中で、「編集」ボタンが押されたリストの行のみを「編集可能」にするというものです。
|
|
14
|
+
「submit」はAjax化しておりません。
|
|
15
|
+
説明不足で申し訳ございません。
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
13
20
|
Userskillカラム
|
|
14
21
|
id,user_id,skill_id,level,detail
|
|
15
22
|
|
2
javascript\(Ajax\)部分を追加いたしました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -42,16 +42,33 @@
|
|
|
42
42
|
<tbody>
|
|
43
43
|
<% @user.user_skills.each_with_index do |userskill, i| %>
|
|
44
44
|
<tr class="skill_list_<%= i+1 %>">
|
|
45
|
-
<%= render partial: "
|
|
45
|
+
<%= render partial: "skill_list", locals: {i: i, userskill: userskill} %>
|
|
46
46
|
</tr>
|
|
47
47
|
<% end %>
|
|
48
48
|
</tbody>
|
|
49
49
|
</table>
|
|
50
50
|
```
|
|
51
|
+
users/_skill_list.html.erb
|
|
52
|
+
```
|
|
53
|
+
<td><%= i+1 %></td>
|
|
54
|
+
<td><%= userskill.skill_id %></td>
|
|
55
|
+
<td><%= userskill.level %></td>
|
|
56
|
+
<td><%= userskill.detail %></td>
|
|
57
|
+
<td><%= link_to '編集', edit_skill_path(userskill, list_num: i+1, uid: current_user.id), remote: true %></td>
|
|
58
|
+
<td><%= link_to '削除', edit_destroy_skill_path(userskill), method: :delete %></td>
|
|
59
|
+
|
|
60
|
+
```
|
|
61
|
+
users/edit_skill.js.erb
|
|
62
|
+
```
|
|
63
|
+
$('.skill_list_<%= @list_num %>').html('<%=j render partial: "edit_skill_form", locals: {userskill: @userskill, list_num: @list_num} %>');
|
|
64
|
+
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
|
|
51
68
|
users/_edit_skill_form.html.erb
|
|
52
69
|
```
|
|
53
70
|
<%= form_for(userskill, url: userskill_path(userskill)) do |f| %>
|
|
54
|
-
<td><%=
|
|
71
|
+
<td><%= list_num %></td>
|
|
55
72
|
<td><%= f.select :skill_id, { :html5 => "1", :css3 => "2"} %></td>
|
|
56
73
|
<td><%= f.select :level, { :初心者 => "1", :経験者 => "2", :プロ => "3"} %></td>
|
|
57
74
|
<td><%= f.text_area :detail %></td>
|
1
文章の追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
（Ajaxの部分は載せておりません。）
|
|
9
9
|
今現時点では、新規登録・削除は実装できているのですが、編集の「更新」の部分でハマっております。
|
|
10
10
|
1回、「更新」ボタンをクリックしても何も反応しないのですが、リロードして「更新」クリックを押すときちんと更新がされます。
|
|
11
|
+
素人が故にどのような情報をこちらに記載すれば、閲覧者様の解決のお力になるのか理解していないので、追加で必要な情報がございましたら、ご教示いただけますと幸いです。
|
|
11
12
|
|
|
12
13
|
Userskillカラム
|
|
13
14
|
id,user_id,skill_id,level,detail
|