An example with 2 independant autoreloading grids on one page.
# encoding: utf-8 class AutoReloads3Controller < ApplicationController def index @tasks_grid = initialize_grid(Task, custom_order: { 'tasks.priority_id' => 'priorities.name', 'tasks.status_id' => 'statuses.position', 'tasks.project_id' => 'projects.name' } ) @tasks_grid2 = initialize_grid(Task, name: 'grid2', custom_order: { 'tasks.priority_id' => 'priorities.name', 'tasks.status_id' => 'statuses.position', 'tasks.project_id' => 'projects.name' } ) end end
.well %h2= current_page_title %p An example with 2 independant autoreloading grids on one page. = show_code = render 'grid', grid: @tasks_grid = render 'grid', grid: @tasks_grid2 .row-fluid .col-md-2 Title: .col-md-4 = grid_filter @tasks_grid, :title .col-md-2 Title: .col-md-4 = grid_filter @tasks_grid2, :title .row-fluid .col-md-2 Archived: .col-md-4 = grid_filter @tasks_grid, :archived .col-md-2 Archived: .col-md-4 = grid_filter @tasks_grid2, :archived .row-fluid .col-md-2 Status: .col-md-4 = grid_filter @tasks_grid, :status_id .col-md-2 Status: .col-md-4 = grid_filter @tasks_grid2, :status_id .row-fluid .col-md-2 Due date: .col-md-4 = grid_filter @tasks_grid, :due_date .col-md-2 Due date: .col-md-4 = grid_filter @tasks_grid2, :due_date .row-fluid .col-md-6 .external-buttons.grid1 %button.btn.btn-default.wg-external-reset-button{'data-grid-name' => 'grid'} Reset .col-md-6 .external-buttons.grid2 %button.btn.btn-default.wg-external-reset-button{'data-grid-name' => 'grid2'} Reset .row-fluid .col-md-6 = render_grid(@tasks_grid) .col-md-6 = render_grid(@tasks_grid2)
<%= define_grid(grid, hide_submit_button: true) do |g|
g.column name: 'Title', attribute: 'title', auto_reload: true, negation: true, detach_with_id: :title
g.column name: 'Archived', attribute: 'archived', auto_reload: true, detach_with_id: :archived do |rec|
rec.archived? ? 'Yes' : 'No'
end
g.column name: 'Status', attribute: 'status_id', custom_filter: Status.to_dropdown, auto_reload: true, detach_with_id: :status_id do |task|
task.status.name if task.status
end
g.column name: 'Due Date', attribute: 'due_date', auto_reload: true, detach_with_id: :due_date do |task|
task.due_date if task.due_date
end
g.column do |task|
link_to('Edit', edit_task_path(task))
end
end -%>
Title | Archived | Status | Due Date | |
---|---|---|---|---|
1-20 / 500 show all | ||||
impedit aperiam libero | No | Cancelled | 2016-07-27 | Edit |
ut sint | No | Assigned | 2016-10-21 | Edit |
aliquam repudiandae | No | Assigned | 2016-04-20 | Edit |
nisi qui | No | Verified | 2016-05-16 | Edit |
dicta pariatur | No | Postponed | 2016-03-04 | Edit |
molestiae autem | Yes | Resolved | 2016-10-26 | Edit |
ut veniam | No | Postponed | 2016-08-04 | Edit |
nulla | No | Resolved | 2016-05-22 | Edit |
quisquam in iste | No | Duplicate | 2016-03-07 | Edit |
rerum occaecati | No | Cancelled | 2016-08-14 | Edit |
aspernatur est | Yes | Started | 2016-06-21 | Edit |
explicabo hic | No | Postponed | 2016-04-15 | Edit |
ut | No | Closed | 2016-07-18 | Edit |
repellat consequatur velit | No | New | 2016-01-10 | Edit |
est ut aut | No | New | 2016-10-30 | Edit |
omnis | No | Assigned | 2016-02-05 | Edit |
itaque suscipit commodi | No | Started | 2016-08-23 | Edit |
necessitatibus commodi | No | Started | 2016-03-28 | Edit |
id rem ea | Yes | Verified | 2016-04-14 | Edit |
aspernatur eligendi adipisci | No | Assigned | 2016-06-08 | Edit |
Title | Archived | Status | Due Date | |
---|---|---|---|---|
61-80 / 500 show all | ||||
quia architecto | No | Assigned | 2016-08-02 | Edit |
eum velit saepe | No | Assigned | 2016-10-18 | Edit |
accusamus | No | New | 2016-09-17 | Edit |
reiciendis | No | New | 2016-04-12 | Edit |
eos | Yes | Started | 2016-07-31 | Edit |
vitae at autem | No | Postponed | 2016-06-16 | Edit |
officia quo maiores | No | Cancelled | 2016-10-05 | Edit |
exercitationem delectus | No | Postponed | 2016-10-01 | Edit |
similique placeat ipsa | No | Duplicate | 2016-03-19 | Edit |
autem | No | Started | 2016-08-04 | Edit |
at | No | Resolved | 2016-07-13 | Edit |
illum explicabo modi | No | Verified | 2016-05-27 | Edit |
iure architecto | No | Postponed | 2016-08-20 | Edit |
molestiae | No | Postponed | 2016-03-05 | Edit |
velit non magni | No | Duplicate | 2016-09-16 | Edit |
totam | No | New | 2016-09-06 | Edit |
sed quibusdam iste | No | New | 2016-06-18 | Edit |
exercitationem sapiente | No | Closed | 2016-06-18 | Edit |
animi | No | Verified | 2016-05-06 | Edit |
corrupti officia | No | Assigned | 2016-09-29 | Edit |