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

Due date:

IDTitleDescriptionArchivedDue Date
1-20 / 500 Alle rijen tonen
1impedit aperiam liberoEst necessitatibus tempora ut.No2016-07-27Edit
2ut sintAssumenda ut in commodi nihil ratione odio voluptatibus ea.No2016-10-21Edit
3aliquam repudiandaeConsequatur iste similique dolorum ducimus ut.No2016-04-20Edit
4nisi quiQuas assumenda eos molestiae recusandae eveniet sit sint.No2016-05-16Edit
5dicta pariaturCorporis iure repellat fuga omnis alias iusto aut voluptatum.No2016-03-04Edit
6molestiae autemExplicabo aut ratione omnis voluptatem officia itaque dicta aut.Yes2016-10-26Edit
7ut veniamMolestiae qui qui quo occaecati.No2016-08-04Edit
8nullaNatus sint inventore culpa fugiat occaecati est distinctio.No2016-05-22Edit
9quisquam in isteEt fugiat blanditiis facilis asperiores et.No2016-03-07Edit
10rerum occaecatiCum aperiam voluptas aut.No2016-08-14Edit
11aspernatur estVoluptatem error inventore officia rem nemo qui.Yes2016-06-21Edit
12explicabo hicPorro in nisi ea sunt consequatur est incidunt et.No2016-04-15Edit
13utEst voluptas impedit perferendis excepturi aliquid doloremque.No2016-07-18Edit
14repellat consequatur velitError autem et deleniti nihil maxime voluptatem eius eveniet.No2016-01-10Edit
15est ut autVero distinctio voluptatem veritatis.No2016-10-30Edit
16omnisPossimus voluptas tempore sed mollitia neque vero nesciunt.No2016-02-05Edit
17itaque suscipit commodiEt ut eveniet deleniti voluptatem omnis ea magnam et.No2016-08-23Edit
18necessitatibus commodiLabore dolor et cumque quos.No2016-03-28Edit
19id rem eaIn odio quia laborum quam dicta nulla.Yes2016-04-14Edit
20aspernatur eligendi adipisciMaiores perspiciatis tempore et aut sapiente eaque.No2016-06-08Edit
IDTitleDescription ArchivedDue Date
1-20 / 500 Alle rijen tonen
209fugaA amet qui quas aliquam neque.Yes2016-03-01Edit
287sint non dolorAb aut rerum ut sequi tenetur voluptate repellat non.No2016-05-10Edit
204error earum quiAb labore rerum quisquam rerum enim magni.No2016-08-28Edit
429ipsamAccusamus a vel suscipit facere officia doloribus.No2016-03-17Edit
403et praesentium temporeAccusamus omnis odit in cumque soluta aliquam.No2016-10-20Edit
452illum et voluptatemAccusamus quis quis sapiente distinctio aut et quaerat asperiores.Yes2016-02-03Edit
294fugiat evenietAccusamus ut et nesciunt sit corrupti.No2016-06-10Edit
415voluptatemAccusantium mollitia dolorem nesciunt ipsa libero dolor.No2016-06-16Edit
74molestiaeAd dolores occaecati fuga ratione praesentium quo.No2016-03-05Edit
69similique placeat ipsaAlias ratione autem ut impedit non nihil itaque eaque.No2016-03-19Edit
336aut quis aspernaturAliquam fuga similique facilis accusamus reprehenderit.No2016-04-21Edit
130esse rationeAliquid dolore aut magnam voluptatum ad.No2016-04-14Edit
431vitae repudiandaeAliquid nihil aliquam architecto eos delectus placeat.No2016-05-21Edit
321quis est autemAmet veniam quia molestias eum modi impedit rerum ad.No2016-03-09Edit
413voluptateAnimi esse amet nihil ad nobis voluptatum.No2016-03-10Edit
222voluptasAnimi odio ad et nisi quod perferendis natus possimus.No2016-01-17Edit
35modiAnimi quod iste sunt.Yes2016-05-08Edit
43impedit atque minimaAperiam expedita autem porro enim veniam.Yes2016-08-15Edit
137molestiaeArchitecto praesentium ut dolorem illo facere rerum numquam provident.Yes2016-01-30Edit
229omnis commodiArchitecto qui voluptatum vel et.No2016-04-26Edit

Fork me on GitHub