WiceGrid 3.6.0.pre4 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.

  • # encoding: utf-8
    class ManyGridsOnPageController < ApplicationController
      def index
        @tasks_grid1 = initialize_grid(Task, name: 'g1')
        @tasks_grid2 = initialize_grid(Task, name: 'g2')
      end
    end
    
  • <%= 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 -%>
    
  • .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'
    
    
    
    
  • <%= 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 -%>
    
TitleDescriptionArchived
401-420 / 500 show all
cum deserunt nesciuntMolestiae quasi totam voluptatem in esse dignissimos ut.Yes
atReiciendis ut reprehenderit occaecati quia voluptatum error debitis.No
et praesentium temporeAccusamus omnis odit in cumque soluta aliquam.No
at aliquam corruptiVitae ut excepturi earum eum officia quidem repellat perspiciatis.No
magni excepturiNon inventore non placeat incidunt cum.No
sequi beataeSit velit consequuntur minus possimus.No
similique voluptatumVoluptatem nesciunt quos omnis.No
quibusdam voluptatePerferendis sit rerum aliquam ullam et quia nemo.No
dolore etAut sequi veniam eius eveniet.No
et qui sintVoluptatem recusandae dicta cumque vitae.No
iureVelit error et fugiat fuga provident debitis expedita.No
nonPerferendis consequatur error doloremque non voluptas sed aspernatur animi.No
voluptateAnimi esse amet nihil ad nobis voluptatum.No
quo architecto nonLaudantium iusto dolor facere vero provident sunt.Yes
voluptatemAccusantium mollitia dolorem nesciunt ipsa libero dolor.No
ipsamSit dolore accusantium maxime.Yes
provident eumEos temporibus animi voluptate quia a aut vel.No
cupiditate ut illumExpedita ut ut molestiae officia voluptatem.No
voluptatem rerumOmnis eos labore nulla temporibus provident ratione sed excepturi.Yes
rem nequeExpedita voluptatibus commodi dignissimos sed voluptatum modi voluptas.No
TitleDescriptionArchived
1-20 / 500 show all
impedit aperiam liberoEst necessitatibus tempora ut.No
ut sintAssumenda ut in commodi nihil ratione odio voluptatibus ea.No
aliquam repudiandaeConsequatur iste similique dolorum ducimus ut.No
nisi quiQuas assumenda eos molestiae recusandae eveniet sit sint.No
dicta pariaturCorporis iure repellat fuga omnis alias iusto aut voluptatum.No
molestiae autemExplicabo aut ratione omnis voluptatem officia itaque dicta aut.Yes
ut veniamMolestiae qui qui quo occaecati.No
nullaNatus sint inventore culpa fugiat occaecati est distinctio.No
quisquam in isteEt fugiat blanditiis facilis asperiores et.No
rerum occaecatiCum aperiam voluptas aut.No
aspernatur estVoluptatem error inventore officia rem nemo qui.Yes
explicabo hicPorro in nisi ea sunt consequatur est incidunt et.No
utEst voluptas impedit perferendis excepturi aliquid doloremque.No
repellat consequatur velitError autem et deleniti nihil maxime voluptatem eius eveniet.No
est ut autVero distinctio voluptatem veritatis.No
omnisPossimus voluptas tempore sed mollitia neque vero nesciunt.No
itaque suscipit commodiEt ut eveniet deleniti voluptatem omnis ea magnam et.No
necessitatibus commodiLabore dolor et cumque quos.No
id rem eaIn odio quia laborum quam dicta nulla.Yes
aspernatur eligendi adipisciMaiores perspiciatis tempore et aut sapiente eaque.No

Fork me on GitHub