jdmartinez / ember-infinite-table-view

Table view with similar style to iOS UITableView

Home Page:http://jdmartinez.github.io/ember-infinite-table-view

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

Table view with similar style to iOS UITableView

http://jdmartinez.github.io/ember-infinite-table-view

License:Apache License 2.0


Languages

Language:JavaScript 87.4%Language:CSS 12.6%