1

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に通知するためのアプローチが必要です。どうすればそれを達成できますか?

4

0 に答える 0