API Docs for: 3.0.1.91d25ad1
Show:

Components.ModelsTablePaginationSimple Class

Extends Ember.Component

Simple navigation (first, prev, next, last) used within models-table/footer.

Usage example:

<ModelsTable @data={{data}} @columns={{columns}} as |MT|>
  <MT.Footer as |Footer|>
    <Footer.PaginationSimple />
    {{! ... }}
  </MT.Footer>
  {{! .... }}
</ModelsTable>

Block usage example:

<ModelsTable @data={{data}} @columns={{columns}} as |MT|>
  <MT.Footer as |Footer|>
    <Footer.PaginationSimple as |PS|>
      <button
        class="{{if PS.goToBackEnabled "enabled" "disabled"}} {{MT.themeInstance.buttonDefault}}"
        {{action PS.goToFirst}}>
        <i class={{MT.themeInstance.navFirstIcon}}></i>
      </button>
      <button
        class="{{if PS.goToBackEnabled "enabled" "disabled"}} {{MT.themeInstance.buttonDefault}}"
        {{action PS.goToPrev}}>
        <i class={{MT.themeInstance.navPrevIcon}}></i>
      </button>
      <button
        class="{{if PS.goToForwardEnabled "enabled" "disabled"}} {{MT.themeInstance.buttonDefault}}"
        {{action PS.goToNext}}>
        <i class={{MT.themeInstance.navNextIcon}}></i>
      </button>
      <button
        class="{{if PS.goToForwardEnabled "enabled" "disabled"}} {{MT.themeInstance.buttonDefault}}"
        {{action PS.goToLast}}>
        <i class={{MT.themeInstance.navLastIcon}}></i>
      </button>
      <PS.PageNumberSelect/>
    </Footer.PaginationSimple>
  </MT.Footer>
</ModelsTable>

ModelsTablePaginationSimple yields references to the following contextual components:

  • PageNumberSelect - selectbox with list of available pages

References to the following properties are yielded:

References to the following actions are yielded:

  • goToPage - action to navigate user to the custom page
  • goToFirst - action to navigate user to the first page
  • goToPrev - action to navigate user to the previous page
  • goToNext - action to navigate user to the next page
  • goToLast - action to navigate user to the last page

Properties

currentPageNumberOptions

SelectOption

Default: null

goToBackEnabled

Boolean protected

Are buttons "Back" and "First" enabled

Default: false

goToForwardEnabled

Boolean protected

Are buttons "Next" and "Last" enabled

Default: false

showCurrentPageNumberSelect

Boolean

Default: null

themePaginationWrapperClass

String protected

themePaginationWrapperDefaultClass

String protected

Events

gotoFirst

protected

Event Payload:

gotoLast

protected

Event Payload:

gotoNext

protected

Event Payload:

gotoPage

protected

Event Payload:

gotoPrev

protected

Event Payload: