質問編集履歴

4

画像追加

2016/03/08 14:39

投稿

takyas
takyas

スコア54

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に関しての文章と図を追加致しました。

2016/03/08 14:38

投稿

takyas
takyas

スコア54

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\)部分を追加いたしました。

2016/03/07 16:06

投稿

takyas
takyas

スコア54

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: "edit_skill_form", locals: {i: i, userskill: userskill} %>
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+1 %></td>
141
+ <td><%= list_num %></td>
108
142
 
109
143
  <td><%= f.select :skill_id, { :html5 => "1", :css3 => "2"} %></td>
110
144
 

1

文章の追加

2016/03/07 16:00

投稿

takyas
takyas

スコア54

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