突出显示pagerjs和knockout中的当前clickpath

时间:2013-02-26 23:06:22

标签: knockout.js navigation single-page-application pagerjs

如果要创建pagerjs应用程序,如何设置激活已打开的路径。例如

<div class="tabs">
    <a data-bind="page-href:'opt1'">opt1</a> | 
    <a data-bind="page-href:'opt2'">opt2</a>
    </div>

<div class="server" data-bind="page:{id:'opt1')}">
                </div>

很容易有一个css:{selected:isVisible}绑定但是看起来像是什么?它在文档中提到了这一点,但未显示isVisible的外观。 pagerjs中有什么东西可以绑定吗?

1 个答案:

答案 0 :(得分:5)

我最终在我的VM上创建了一个新的绑定

 vm.isCurrentPage = function(pageid){
            var page = pager.page.find(pageid);
            return page.isVisible;
        };

使用

<a data-bind="page-href:'server/dashboard', css:{selected:isCurrentPage('server')}">Dash</a>