2

我將PagerJS與knockoutjs結合使用來啓用簡單的分頁/歷史URL導航。PagerJS page-href鏈接到帶參數的頁面

PagerJS支持PARAMS像#搜尋文本= testtext &年= 2013

我限定的這樣的頁面,如:?

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

文字和年份是在視圖模型中的兩個observerables。它的工作原理,如果我將網址設置爲#search?text = testtext & year = 2013 text is testtext and year is 2013 and the page search is shown。

但是,現在我想簡單地鏈接到具有特定參數的此頁面。

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

此行將鏈接到#search(無參數),但我想要一個指向具有特定參數的搜索頁面的鏈接。有沒有辦法做到這一點?

回答

2

您的解決方案有效,但鏈接非常靜態。它很難操縱它,或者將params與observer連接起來。

pager.js框架在過去幾周擴展了它的功能,現在它能夠在擴展和結構化頁面href語法中與參數建立鏈接。

請參閱下面的示例或在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> 

0

這應該是可能是你在找什麼:

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

我只是簡單地添加片段的URI,它似乎很好地工作。

Example at JSFiddle

+0

感謝您的幫助。 –