WiceGrid 3.6.0.pre4 examples

External filters (example with 2 grids)

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
    
  • <%= 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 -%>
    
  • .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)
    
ID:
ID:
Title:
Title:
Description:
Description:
Archived:
Archived:
Due date:

Due date:

IDTitleDescriptionArchivedDue Date
61-80 / 500 Alle rijen tonen
61quia architectoRerum sit aliquid quia corrupti praesentium.No2016-08-02Edit
62eum velit saepeVoluptas voluptas nesciunt in eos eum inventore.No2016-10-18Edit
63accusamusPraesentium quod ipsum error odit.No2016-09-17Edit
64reiciendisQuaerat voluptatum nihil iure.No2016-04-12Edit
65eosOccaecati atque assumenda qui deleniti.Yes2016-07-31Edit
66vitae at autemNihil quae dolores quia ut non.No2016-06-16Edit
67officia quo maioresAut aperiam aut sint voluptas voluptatibus ut cumque id.No2016-10-05Edit
68exercitationem delectusSapiente ipsa dolorem aut sed cumque in esse.No2016-10-01Edit
69similique placeat ipsaAlias ratione autem ut impedit non nihil itaque eaque.No2016-03-19Edit
70autemSit ipsa aut qui quia voluptatem omnis.No2016-08-04Edit
71atRatione distinctio eligendi quaerat.No2016-07-13Edit
72illum explicabo modiNesciunt exercitationem quisquam commodi ut.No2016-05-27Edit
73iure architectoVoluptatum aperiam ad dolore aut fugit.No2016-08-20Edit
74molestiaeAd dolores occaecati fuga ratione praesentium quo.No2016-03-05Edit
75velit non magniTotam dolor est sint et sed.No2016-09-16Edit
76totamDistinctio et pariatur non est consequatur enim.No2016-09-06Edit
77sed quibusdam isteQuis non ducimus quia perferendis.No2016-06-18Edit
78exercitationem sapienteQuasi numquam aut magnam expedita dolor repudiandae officiis.No2016-06-18Edit
79animiCorporis est inventore nesciunt est nam voluptas et.No2016-05-06Edit
80corrupti officiaDolore odit consequatur dolores quia deleniti veniam.No2016-09-29Edit
IDTitleDescriptionArchivedDue Date
481-500 / 500 Alle rijen tonen
481etEveniet repellendus necessitatibus nam neque.No2016-10-23Edit
482consequuntur eumMaiores quo voluptatibus rerum ipsam consequatur.No2016-06-05Edit
483laborum dictaVeniam reiciendis laboriosam voluptas accusamus qui.No2016-02-28Edit
484quiaMolestias ut reprehenderit ipsum quod corporis dolore debitis iste.No2016-05-31Edit
485ut teneturEos corporis voluptate ex sed totam.No2016-10-13Edit
486enim harum minimaEum dolore ut natus.No2016-09-25Edit
487natus etVoluptatibus mollitia corporis est numquam eum.No2016-01-31Edit
488doloribus veritatisMagni sunt illum deserunt impedit maiores natus.No2016-04-06Edit
489voluptatemExcepturi voluptas molestias aspernatur corporis.No2016-01-31Edit
490maximeIncidunt ducimus iste illum inventore nostrum.No2016-04-10Edit
491modi nesciuntLaboriosam voluptatem sunt quod voluptatum magnam quisquam.No2016-05-10Edit
492sed atInventore ipsum qui rerum cum reiciendis nisi.No2016-06-14Edit
493estCorporis vel omnis et quam illo.No2016-02-06Edit
494fugiat quaeratIncidunt laborum voluptas cumque et pariatur.No2016-06-10Edit
495qui ut inQuis ut eos a et.No2016-10-08Edit
496velit non pariaturQuia possimus rerum eum architecto.Yes2016-09-06Edit
497impedit quoQuod earum illum voluptatem.No2016-07-09Edit
498sedQui sint eos distinctio vel assumenda sed animi quae.Yes2016-07-07Edit
499voluptatemMagnam accusantium id aut et quaerat praesentium eveniet.No2016-06-19Edit
500vel eaEt a ut cum eos sed.Yes2016-03-30Edit

Fork me on GitHub