Kaminariとeach.with_indexを組み合わせて連番表示させる方法について

Question

前提・実現したいこと

モデルに入っている要素の数だけ番号を振っていく仕組みを構築しているのですがeach.with_index(1)までは辿り着いたのですが、Kaminariを実装していて２ページ目に移動した時に連番表示されていないので、これを連番表示する方法をご教授いただきたい。

発生している問題・エラーメッセージ

１ページ目は１から１０まで番号が振られている。
２ページ目は１０から２０まで番号が振られている状態にしたいが１ページ目と同じ状態になってしまっている。

該当のソースコード

#index.html.erb
<h1 class="display-4 text-primary">Note#index</h1>
<p><%= @msg %></p>
<p>商品<%= @msg2 %>点、おおよその合計金額は<%= @msg3 %>です。</p>
<p><a href="/hello/login_check/">Home</a>&gt;Note#index</p>
<table class="table">
    <tr>
      <th>Id</th><th >product</th><th>number</th><th>price</th><th colspan="2"></th>
    </tr>
    <% @data.each.with_index(1) do |obj,id| %>
    <tr>
      <td><%= id %></td>
      <td><%= obj.product %></td>
      <td><%= obj.number %></td>
      <td><%= obj.price %>円</td>
      <td>add</td>
      <td><a href="javascript:delData(<%= obj.id %>);">Delete</a></td>
    </tr>
    <% end %>
</table>

<br>
<div><%= paginate @data %></div>
<br>

<p><a href="/hello/category/">※Shopping#categoryで商品を追加する</a></p>
<p><a href="/hello/login_check/">※&lt;&lt Shopping#homeに戻る</a></p>
<p><a href="">※&lt;&lt; Noteを削除してShopping#homeに戻る</a></p>



<script>
function delData(num){
    if (confirm('このデータを削除しますか?')){
        document.location = "/notes/delete/" + num;
    }
    return false;
}
</script>

試したこと

ネットで検索したが解決方法が分かりませんでした。ご教授いただきたいです。

補足情報（FW/ツールのバージョンなど）

windows10

Answer 1

表示されているページが　page　に、１ページあたりのデータ数が par_page に入っているという前提で。
start = (page - 1) * par_page each.with_index(start)

Comments

[Angelica.87]

おはようございます。
ご教授いただいている内容は#index.html.erbのどの部分にどのような形で入れるのでしょうか？

[winterboum]

controllerで　@start = (page - 1) * par_page　して
index.htmlのeach.with_index(1) を each.with_index(@start)

[Angelica.87]

NoMethodError in NotesController#index
undefined method `page' for #<NotesController:0x000000000bf6b7c8>
Extracted source (around line #6):
4
5
6
7
8
9

@msg = Note.count
@msg2 = Note.sum{|hash|hash[:price]}
@start = (page -1) * par_page
end

def delete

Rails.root: C:/Users/****/Desktop/RailsApp

Application Trace | Framework Trace | Full Trace
app/controllers/notes_controller.rb:6:in `index'
Request
Parameters:

None
Toggle session dump
Toggle env dump
Response
Headers:

None
すみません。このようなエラーメッセージが出てしまいました。

[winterboum]

controller のcode載せて

[Angelica.87]

class NotesController < ApplicationController
def index
@data = Note.page params[:page]
@msg = Note.count
@msg2 = Note.sum{|hash|hash[:price]}
@start = (page - 1) * par_page
end

def delete
obj = Note.find(params[:id])
obj.destroy
redirect_to '/notes'
end

def all_delete
obj = Note.all
obj.delete_all
redirect_to '/hello/login_check/'
end

end
これになります。

[winterboum]

@data = Note.page params[:page]　だから
page = (params[:page] || 1).to_i
ページあたりデータ数は無指定だから10なので
par_page = 10
を入れて

[Angelica.87]

おはようございます。
以下のようにコントローラーを修正したのですがエラーが出てしまいました。
class NotesController < ApplicationController
def index
@data = Note.page params[:page]
@msg = Note.count
@msg2 = Note.sum{|hash|hash[:price]}
par_page = 10
@start = (page - 1) * par_page
end

def delete
obj = Note.find(params[:id])
obj.destroy
redirect_to '/notes'
end

def all_delete
obj = Note.all
obj.delete_all
redirect_to '/hello/login_check/'
end

end

エラー内容
NameError in NotesController#index
undefined local variable or method `page' for #<NotesController:0x000000000c32a990>
Extracted source (around line #7):
5
6
7
8
9
10

@msg2 = Note.sum{|hash|hash[:price]}
par_page = 10
@start = (page - 1) * par_page
end

def delete

Rails.root: C:/Users/＊＊＊＊/Desktop/RailsApp

Application Trace | Framework Trace | Full Trace
app/controllers/notes_controller.rb:7:in `index'
Request
Parameters:

None
Toggle session dump
Toggle env dump
Response
Headers:

None

コントローラーの修正が必要であればどの部分をどのように修正すればよいのかご教授いただけるとありがたいです。

[winterboum]

@start = ((params[:page] || 1 ).to_i - 1) * par_page

[Angelica.87]

class NotesController < ApplicationController
def index
@data = Note.page params[:page]
@msg = Note.count
@msg2 = Note.sum{|hash|hash[:price]}
@start = ((params[:page] || 1 ).to_i - 1) * par_page
end

def delete
obj = Note.find(params[:id])
obj.destroy
redirect_to '/notes'
end

def all_delete
obj = Note.all
obj.delete_all
redirect_to '/hello/login_check/'
end

end
すみません。この形でやったら以下のエラーが出てしまいした。
NameError in NotesController#index
undefined local variable or method `par_page' for #<NotesController:0x000000000e6b4488>
Extracted source (around line #6):
4
5
6
7
8
9

@msg = Note.count
@msg2 = Note.sum{|hash|hash[:price]}
@start = ((params[:page] || 1 ).to_i - 1) * par_page
end

def delete

Rails.root: C:/Users/＊＊＊＊/Desktop/RailsApp

Application Trace | Framework Trace | Full Trace
app/controllers/notes_controller.rb:6:in `index'
Request
Parameters:

None
Toggle session dump
Toggle env dump
Response
Headers:

None

index.html.erbは以下の通りです。
<h1 class="display-4 text-primary">Note#index</h1>
<p>商品<%= @msg %>点、おおよその合計金額は<%= converting_to_jpy(@msg2) %>です。</p>
<p><a href="/hello/login_check/">Home</a>&gt;Note#index</p>
<table class="table">
<tr>
<th>Id</th><th >product</th><th>number</th><th>price</th><th colspan="2"></th>
</tr>
<% @data.each.with_index(@start) do |obj,id| %>
<tr>
<td><%= id %></td>
<td><%= obj.product %></td>
<td><%= obj.number %></td>
<td><%= obj.price %>円</td>
<td><%= check_box_tag "notelist","product" %></td>
<td><a href="javascript:delData(<%= obj.id %>);">Delete</a></td>
</tr>
<% end %>
</table>

<br>
<div><%= paginate @data %></div>
<br>

<p><a href="/hello/category/">※Shopping#categoryで商品を追加する</a></p>
<p><a href="/hello/login_check/">※&lt;&lt Shopping#homeに戻る</a></p>
<p><a href="javascript:delData2(<% @data %>);">※&lt;&lt;商品を全て削除してShopping#homeに戻る</a></p>

<script>
function delData(num){
if (confirm('この商品を削除しますか?')){
document.location = "/notes/delete/" + num;
}
return false;
}

function delData2(num){
if (confirm('全ての商品を削除しますか?')){
document.location = "/notes/all_delete/";
}
return false;
}
</script>

[winterboum]

par_page = 10 消しちゃだめ

[Angelica.87]

ご指導ありがとうございます。
指導いただいた内容で連番表示にすることが出来たのですが、0から数字が始まってしまうので
これを1から始めるにはどのようなコードを書けばよいのか、ご教授いただきたいです。

[winterboum]

あ、　最後に +1 するの忘れてました

[Angelica.87]

どこにプラス1すれば良いでしょうか？

[winterboum]

@start = (page - 1) * par_page

[Angelica.87]

winterbounさん忙しい中、長期間の対応ありがとうございました。
おかげ様で希望する形に出来ました。

[winterboum]

できてよかったですが、、、、
このくらいの問題なら
start = (page - 1) * par_page
each.with_index(start)
このヒントでできて欲しかった。
コメントでのやりとりの質問のレベル低すぎ、とくに
「どこにプラス1すれば良いでしょうか？」はひどい。
このレベルを人に頼るようでは独り立ちできないですよ

[Angelica.87]

お言葉ありがとうございます。
少しでもレベルをあげられるように、コツコツ頑張りたいと思います。