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 | |
---|---|---|---|---|
41-60 / 500 show all | ||||
est | No | Started | 2016-04-09 | Edit |
aut | No | Cancelled | 2016-08-25 | Edit |
impedit atque minima | Yes | Verified | 2016-08-15 | Edit |
id temporibus eligendi | No | Assigned | 2016-03-11 | Edit |
rerum | No | Postponed | 2016-03-06 | Edit |
facere | Yes | Assigned | 2016-09-21 | Edit |
temporibus iure delectus | No | Cancelled | 2016-02-11 | Edit |
qui incidunt | No | Cancelled | 2016-08-02 | Edit |
laborum | No | New | 2016-09-28 | Edit |
ipsum nam tempore | No | Duplicate | 2016-03-23 | Edit |
harum qui possimus | No | Cancelled | 2016-08-24 | Edit |
eos temporibus omnis | No | Resolved | 2016-05-23 | Edit |
molestiae | No | Assigned | 2016-06-04 | Edit |
minima in voluptatem | No | Postponed | 2016-10-04 | Edit |
dolor | No | Cancelled | 2016-04-10 | Edit |
sit | No | Verified | 2016-09-10 | Edit |
neque | No | Postponed | 2016-05-24 | Edit |
atque et | No | Started | 2016-03-29 | Edit |
alias libero | No | Started | 2016-01-09 | Edit |
voluptas repellendus | No | Started | 2016-05-02 | Edit |