WiceGrid Examples

More than 1 grid on a page

There can be many grids on one page, but in order to work correctly and independantly from each other they should all have different names. A grid name is the basis and the scope for all CSS classes and HTTP parameters of the grid. By default the name of a grid is grid and in case there is only one grid on a page defining the name is not required unless it clashes with some other form field names. Define the name with the :name parameter of the initialize_grid method.

app/controllers/many_grids_on_page_controller.rb

# encoding: utf-8
class ManyGridsOnPageController < ApplicationController
  def index
    @tasks_grid1 = initialize_grid(Task, name: 'g1')
    @tasks_grid2 = initialize_grid(Task, name: 'g2')
  end
end

app/views/many_grids_on_page/_tasks_grid1.html.erb

<%= grid(@tasks_grid1) do |g|

  g.column name:  'Title', attribute: 'title'

  g.column  name:  'Description', attribute: 'description'

  g.column  name:  'Archived', attribute: 'archived' do |task|
    task.archived? ? 'Yes' : 'No'
  end


end -%>

app/views/many_grids_on_page/_tasks_grid2.html.erb

<%= grid(@tasks_grid2) do |g|

  g.column name:  'Title', attribute: 'title'

  g.column  name:  'Description', attribute: 'description'

  g.column  name:  'Archived', attribute: 'archived' do |task|
    task.archived? ? 'Yes' : 'No'
  end


end -%>

app/views/many_grids_on_page/index.html.haml

.well
  %h2= current_page_title
  %p
    There can be many grids on one page, but in order to work correctly and independantly
    from each other they should
    all have  different names. A grid name is the basis and the scope for all CSS classes and HTTP
    parameters of the grid. By default the name of a grid is
    %code grid
    and in case there is only one grid on a page defining the name is not required unless it
    clashes with some other form field names.
    Define the name with the
    %code :name
    parameter of the
    %code initialize_grid
    method.

= show_code

.row-fluid.many-grids-on-page
  .col-md-6
    .example1= render   'tasks_grid1'
  .col-md-6
    .example2= render   'tasks_grid2'

Title	Description	Archived

1 2 3 4 5 ... 24 25 » 1-20 / 500 Alle rijen tonen
impedit aperiam libero	Est necessitatibus tempora ut.	No
ut sint	Assumenda ut in commodi nihil ratione odio voluptatibus ea.	No
aliquam repudiandae	Consequatur iste similique dolorum ducimus ut.	No
nisi qui	Quas assumenda eos molestiae recusandae eveniet sit sint.	No
dicta pariatur	Corporis iure repellat fuga omnis alias iusto aut voluptatum.	No
molestiae autem	Explicabo aut ratione omnis voluptatem officia itaque dicta aut.	Yes
ut veniam	Molestiae qui qui quo occaecati.	No
nulla	Natus sint inventore culpa fugiat occaecati est distinctio.	No
quisquam in iste	Et fugiat blanditiis facilis asperiores et.	No
rerum occaecati	Cum aperiam voluptas aut.	No
aspernatur est	Voluptatem error inventore officia rem nemo qui.	Yes
explicabo hic	Porro in nisi ea sunt consequatur est incidunt et.	No
ut	Est voluptas impedit perferendis excepturi aliquid doloremque.	No
repellat consequatur velit	Error autem et deleniti nihil maxime voluptatem eius eveniet.	No
est ut aut	Vero distinctio voluptatem veritatis.	No
omnis	Possimus voluptas tempore sed mollitia neque vero nesciunt.	No
itaque suscipit commodi	Et ut eveniet deleniti voluptatem omnis ea magnam et.	No
necessitatibus commodi	Labore dolor et cumque quos.	No
id rem ea	In odio quia laborum quam dicta nulla.	Yes
aspernatur eligendi adipisci	Maiores perspiciatis tempore et aut sapiente eaque.	No

Title	Description	Archived

« 1 2 3 4 5 6 7 8 ... 24 25 » 61-80 / 500 Alle rijen tonen
quia architecto	Rerum sit aliquid quia corrupti praesentium.	No
eum velit saepe	Voluptas voluptas nesciunt in eos eum inventore.	No
accusamus	Praesentium quod ipsum error odit.	No
reiciendis	Quaerat voluptatum nihil iure.	No
eos	Occaecati atque assumenda qui deleniti.	Yes
vitae at autem	Nihil quae dolores quia ut non.	No
officia quo maiores	Aut aperiam aut sint voluptas voluptatibus ut cumque id.	No
exercitationem delectus	Sapiente ipsa dolorem aut sed cumque in esse.	No
similique placeat ipsa	Alias ratione autem ut impedit non nihil itaque eaque.	No
autem	Sit ipsa aut qui quia voluptatem omnis.	No
at	Ratione distinctio eligendi quaerat.	No
illum explicabo modi	Nesciunt exercitationem quisquam commodi ut.	No
iure architecto	Voluptatum aperiam ad dolore aut fugit.	No
molestiae	Ad dolores occaecati fuga ratione praesentium quo.	No
velit non magni	Totam dolor est sint et sed.	No
totam	Distinctio et pariatur non est consequatur enim.	No
sed quibusdam iste	Quis non ducimus quia perferendis.	No
exercitationem sapiente	Quasi numquam aut magnam expedita dolor repudiandae officiis.	No
animi	Corporis est inventore nesciunt est nam voluptas et.	No
corrupti officia	Dolore odit consequatur dolores quia deleniti veniam.	No