2

我将 PagerJS 与 knockoutjs 结合使用来启用简单的分页/历史 url 导航。

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

我定义了这样一个页面：

<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（不带参数），但我想要一个指向具有特定参数的搜索页面的链接。有没有办法做到这一点？

4

2 回答 2

2

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

pager.js 框架在过去几周扩展了它的功能，现在它能够以扩展和结构化的 page-href 语法与参数建立链接。

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

<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>

于 2013-02-27T09:59:08.327 回答
0

这应该是您正在寻找的：

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

我只是将片段添加到 URI，它似乎工作正常。

JSFiddle 的示例。

于 2013-02-08T11:21:36.277 回答