PagerJS页面-带参数的页面的href链接

Question

我结合使用PagerJS和knockoutjs来实现简单的分页/历史url导航。

像#search?text=testtext&year=2013这样的PagerJS支持参数

我这样定义了这样一个页面：

<div data-bind="page: {id: 'search', params: ['text', 'year']}">
</div

text和year是视图模型中的两个可观察对象。如果我将url设置为#search?text=testtext&year=2013 text is testtext，year为2013，并显示页面搜索，则可以正常工作。

但是，现在我想要一个简单的链接到这个具有特定参数的页面。

<a data-bind="page-href: 'search'"></a>

这一行创建了一个到#search (不带params)的链接，但是我想要一个指向带有特定params的搜索页面的链接。有没有办法做到这一点？

Answer 1

您的解决方案是有效的，但链接非常静态。很难操纵它，也很难将参数与可观察对象联系起来。

pager.js框架在最近几周扩展了它的功能，现在它能够使用扩展的结构化page-href语法与params建立链接。

请参阅下面的示例或Demo中的此处。

<a class="btn" data-bind="page-href: {path: 'user', params: {first: 'Philip', last: 'Fry'}}">Send parameter to page</a>

<div data-bind="page: {id: 'user', params: ['first','last']}" class="well-small">
  <div>
    <span>First name:</span>
    <span data-bind="text: first"></span>
  </div>
<div>
  <span>Last name:</span>
  <span data-bind="text: last"></span>
</div>

​

Answer 2

这可能就是您要查找的内容：

<a data-bind="page-href: 'search?text=foo'&year=2020"></a>

我只是向URI中添加了一些片段，它似乎工作得很好。

Example at JSFiddle。