Question

我正在使用：https://tochoromero.github.io/aurelia-table/

我只是一个小问题，我想请求你的帮助。

  <table class="table table-striped" aurelia-table="data.bind: 
    filters.bind: filters;
    current-page.bind: currentPage; 
    page-size.bind: pageSize; 
    total-items.bind: totalItems;">
  </table>

  <label>${currentPage} - ${pageSize} of  ${totalItems}</label>

我有5页，我会表现出：5页中的1页os 33项，我尝试使用：pagination-size:但是对我不起作用，有人可以帮助我吗？谢谢。

Answer 1

如果您拥有物品总数，并且知道每页上有多少物品，那么这只是一个简单的数学问题。

// Compute the amount of pages.
var amountOfPages = Math.ceil(totalItems / pageSize);

HTML：

<!-- two-way binding as suggested in the comments to update the variables in the viewmodel -->
<table class="table table-striped" aurelia-table="data.bind: data;
  filters.bind: filters;
  current-page.two-way: currentPage; 
  page-size.bind: pageSize; 
  total-items.two-way: totalItems;">
</table>
<label>Page: ${currentPage} of ${amountOfPages} (${totalItems} items)</label>

如果数据是动态的并且可以更新，您可以将变量转换为get - 函数：

@computedFrom('totalItems', 'pageSize')
public get amountOfPages() {
  return Math.ceil(totalItems / pageSize);
}

Aurelia.js框架aurelia-table分页

1 个答案: