pagerjs ライブラリを使用してグリッド ページングを実装したいと考えています。JavaScriptコードからパラメータを読み取る方法を見つけました。htmlあり
<div data-bind="page: { id: 'clients', params: {'page':1}, title: 'Clients', withOnShow: requireVM('clientsList') }">
<div data-bind="template: { name: 'clientsSearch' }" id="clients-list" class="clientsSearch"></div>
</div>
テンプレートとビューモデルのバインドに成功しました。Incident viewmodelコードでページパラメータの値を読み取ることができます
pager.activePage$().ctx.page
ページ プロパティは監視可能です。コードで購読しようとしました
pager.activePage$().ctx.page.subscribe(function (newValue) {
debugger;
});
次のページに移動するためのボタンを作成しました
<li data-bind="css: { disabled: isLastPage() }">
<a class="btn" data-bind="page-href: {path: '/start/clients', params: { page: parseInt(currentPage()) + 1 }}"><span class="glyphicon glyphicon-chevron-right"></span></a>
</li>
Url はうまく変更されますが、pager.activePage$().ctx.page.subscribe は実際には起動しません。
パラメータの変更についてviewmodelに通知するためのアプローチが必要です。どうすればそれを達成できますか?