An example of two grids with detached filters functioning independantly of each other.
# encoding: utf-8 class DetachedFiltersTwoGridsController < ApplicationController def index @grid1 = initialize_grid(Task) @grid2 = initialize_grid(Task, name: 'grid2') end end
.well %h2= current_page_title %p An example of two grids with detached filters functioning independantly of each other. = show_code = render 'grid', tasks_grid: @grid1 = render 'grid', tasks_grid: @grid2 .row .col-md-2 ID: .col-md-4 = grid_filter @grid1, :id_filter .col-md-2 ID: .col-md-4 = grid_filter @grid2, :id_filter .row .col-md-2 Title: .col-md-4 = grid_filter @grid1, :title_filter .col-md-2 Title: .col-md-4 = grid_filter @grid2, :title_filter .row .col-md-2 Description: .col-md-4 = grid_filter @grid1, :description_filter .col-md-2 Description: .col-md-4 = grid_filter @grid2, :description_filter .row .col-md-2 Archived: .col-md-4 = grid_filter @grid1, :archived_filter .col-md-2 Archived: .col-md-4 = grid_filter @grid2, :archived_filter .row .col-md-2 Due date: .col-md-4 = grid_filter @grid1, :due_date .col-md-2 Due date: .col-md-4 = grid_filter @grid2, :due_date .row .col-md-6 .external-buttons-grid1 %button.btn.btn-primary.wg-external-submit-button{'data-grid-name' => 'grid'} Submit %button.btn.btn-default.wg-external-reset-button{'data-grid-name' => 'grid'} Reset .col-md-6 .external-buttons-grid2 %button.btn.btn-primary.wg-external-submit-button{'data-grid-name' => 'grid2'} Submit %button.btn.btn-default.wg-external-reset-button{'data-grid-name' => 'grid2'} Reset %p .row .col-md-6 = render_grid(@grid1) .col-md-6 = render_grid(@grid2)
<%= define_grid(tasks_grid, hide_submit_button: true, hide_reset_button: true) do |g|
g.column name: 'ID', attribute: 'id', detach_with_id: :id_filter
g.column name: 'Title', attribute: 'title', detach_with_id: :title_filter
g.column name: 'Description', attribute: 'description', detach_with_id: :description_filter
g.column name: 'Archived', attribute: 'archived', detach_with_id: :archived_filter do |task|
task.archived? ? 'Yes' : 'No'
end
g.column name: 'Due Date', attribute: 'due_date', detach_with_id: :due_date do |task|
task.due_date.to_s(:db)
end
g.column do |task|
link_to('Edit', edit_task_path(task))
end
end -%>
ID | Title | Description | Archived | Due Date | |
---|---|---|---|---|---|
1-20 / 500 show all | |||||
1 | impedit aperiam libero | Est necessitatibus tempora ut. | No | 2016-07-27 | Edit |
2 | ut sint | Assumenda ut in commodi nihil ratione odio voluptatibus ea. | No | 2016-10-21 | Edit |
3 | aliquam repudiandae | Consequatur iste similique dolorum ducimus ut. | No | 2016-04-20 | Edit |
4 | nisi qui | Quas assumenda eos molestiae recusandae eveniet sit sint. | No | 2016-05-16 | Edit |
5 | dicta pariatur | Corporis iure repellat fuga omnis alias iusto aut voluptatum. | No | 2016-03-04 | Edit |
6 | molestiae autem | Explicabo aut ratione omnis voluptatem officia itaque dicta aut. | Yes | 2016-10-26 | Edit |
7 | ut veniam | Molestiae qui qui quo occaecati. | No | 2016-08-04 | Edit |
8 | nulla | Natus sint inventore culpa fugiat occaecati est distinctio. | No | 2016-05-22 | Edit |
9 | quisquam in iste | Et fugiat blanditiis facilis asperiores et. | No | 2016-03-07 | Edit |
10 | rerum occaecati | Cum aperiam voluptas aut. | No | 2016-08-14 | Edit |
11 | aspernatur est | Voluptatem error inventore officia rem nemo qui. | Yes | 2016-06-21 | Edit |
12 | explicabo hic | Porro in nisi ea sunt consequatur est incidunt et. | No | 2016-04-15 | Edit |
13 | ut | Est voluptas impedit perferendis excepturi aliquid doloremque. | No | 2016-07-18 | Edit |
14 | repellat consequatur velit | Error autem et deleniti nihil maxime voluptatem eius eveniet. | No | 2016-01-10 | Edit |
15 | est ut aut | Vero distinctio voluptatem veritatis. | No | 2016-10-30 | Edit |
16 | omnis | Possimus voluptas tempore sed mollitia neque vero nesciunt. | No | 2016-02-05 | Edit |
17 | itaque suscipit commodi | Et ut eveniet deleniti voluptatem omnis ea magnam et. | No | 2016-08-23 | Edit |
18 | necessitatibus commodi | Labore dolor et cumque quos. | No | 2016-03-28 | Edit |
19 | id rem ea | In odio quia laborum quam dicta nulla. | Yes | 2016-04-14 | Edit |
20 | aspernatur eligendi adipisci | Maiores perspiciatis tempore et aut sapiente eaque. | No | 2016-06-08 | Edit |
ID | Title | Description | Archived | Due Date | |
---|---|---|---|---|---|
481-500 / 500 show all | |||||
481 | et | Eveniet repellendus necessitatibus nam neque. | No | 2016-10-23 | Edit |
482 | consequuntur eum | Maiores quo voluptatibus rerum ipsam consequatur. | No | 2016-06-05 | Edit |
483 | laborum dicta | Veniam reiciendis laboriosam voluptas accusamus qui. | No | 2016-02-28 | Edit |
484 | quia | Molestias ut reprehenderit ipsum quod corporis dolore debitis iste. | No | 2016-05-31 | Edit |
485 | ut tenetur | Eos corporis voluptate ex sed totam. | No | 2016-10-13 | Edit |
486 | enim harum minima | Eum dolore ut natus. | No | 2016-09-25 | Edit |
487 | natus et | Voluptatibus mollitia corporis est numquam eum. | No | 2016-01-31 | Edit |
488 | doloribus veritatis | Magni sunt illum deserunt impedit maiores natus. | No | 2016-04-06 | Edit |
489 | voluptatem | Excepturi voluptas molestias aspernatur corporis. | No | 2016-01-31 | Edit |
490 | maxime | Incidunt ducimus iste illum inventore nostrum. | No | 2016-04-10 | Edit |
491 | modi nesciunt | Laboriosam voluptatem sunt quod voluptatum magnam quisquam. | No | 2016-05-10 | Edit |
492 | sed at | Inventore ipsum qui rerum cum reiciendis nisi. | No | 2016-06-14 | Edit |
493 | est | Corporis vel omnis et quam illo. | No | 2016-02-06 | Edit |
494 | fugiat quaerat | Incidunt laborum voluptas cumque et pariatur. | No | 2016-06-10 | Edit |
495 | qui ut in | Quis ut eos a et. | No | 2016-10-08 | Edit |
496 | velit non pariatur | Quia possimus rerum eum architecto. | Yes | 2016-09-06 | Edit |
497 | impedit quo | Quod earum illum voluptatem. | No | 2016-07-09 | Edit |
498 | sed | Qui sint eos distinctio vel assumenda sed animi quae. | Yes | 2016-07-07 | Edit |
499 | voluptatem | Magnam accusantium id aut et quaerat praesentium eveniet. | No | 2016-06-19 | Edit |
500 | vel ea | Et a ut cum eos sed. | Yes | 2016-03-30 | Edit |