Skip to content

Latest commit

 

History

History
54 lines (36 loc) · 1.34 KB

README.md

File metadata and controls

54 lines (36 loc) · 1.34 KB

Ember InfiniteTableView

Table view with similar style to iOS UITableView.

InfiniteTableView may incluye a header or footer that performs actions to the component.

Demo

Dependencies

  • jQuery
  • Twitter Bootstrap
  • Handlebars
  • Ember.js

Usage

The easiest way to create an InfiniteTableView is via a template.

{{#infinite-table-view controllerBinding="controller"}}

    {{infinite-table-view-header}}        

    {{infinite-table-view-items}}                

    {{infinite-table-view-footer}}        

{{/infinite-table-view}}      

To access to controller within any section of InfiniteTableView, you have to include content inside or via binding property.

{{#infinite-table-view controllerBinding="controller"}}

    {{#infinite-table-view-header}}        
        <!-- Header content goes here -->  
    {{/infinite-table-view-header}}
            
    {{#infinite-table-view-items}}                
        {{#each item in items}}
            {{infinite-table-view-item item=item}}
        {{/each}}
    {{/infinite-table-view-items}}
  
  {{#infinite-table-view-footer}}        
    <!-- Footer content goes here -->  
  {{/infinite-table-view-footer}}
  
{{/infinite-table-view}}      

Roadmap

  • Infinite pagination