问题标签 [pagerjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
681 浏览

knockout.js - PagerJS 如何使用 URL 参数完成“双向绑定”?

PagerJS 可以获取 URL 参数并将它们绑定到模型。例如,在 PagerJS 网站的这个例子中(见链接),当你点击链接时,它会导航到#/user?first=Philip&last=Fry数据绑定的子页面,显示“Philip Fry”:

这是一种单向绑定:如果 observable 发生变化,由于用户在页面上的操作,URL 将不会被更新。

使用 PagerJS 时保持 URL 参数与 observables 同步的推荐方法是什么?

我想将用户动态创建的搜索条件存储在 URL 参数中,这些条件是通过选择一堆 UI 控件生成的,这样他/她就可以与其他人共享 URL 或将其添加为书签,当然,所有这些都无需重新加载页面。

0 投票
1 回答
161 浏览

javascript - PagerJS 刷新导航回到第一页

我正在使用 KnockoutJS 创建一个单页应用程序。它有两个部分,家庭和历史。在主页上有一个按钮,通过单击您可以导航到历史部分。

单击按钮时,我正在调用一个方法pager.start('history');。它工作正常,但在历史部分,当我刷新页面时,我正在导航回主页..

如何确保页面刷新时页面不会返回主页?

0 投票
2 回答
1178 浏览

jquery - Pager.js + History.js + Require.js -“无法获取未定义或空引用的属性‘绑定’”

我正在使用 Require.js、Pager.js 和 History.js 设置一个新的 Knockout Web 应用程序。我已经根据文档设置了我的初始化,但是当我调用 Pager.js 时,我收到“无法获取未定义或空引用的属性‘绑定’”错误pager.startHistoryJs()

这是我的 Require.js 配置:

这是我的 Require.js 初始化脚本:

这是 Pager.js(第 1497 行)中引发错误的行:

我错过了什么?我无法找到有关此错误的很多相关信息。

0 投票
0 回答
422 浏览

javascript - 如何使用 pagerjs 订阅更改 url 参数?

我想用 pagerjs 库实现网格分页。我发现了如何从 javascript 代码中读取参数。用 html

我成功绑定模板和视图模型。Incide viewmodel 我可以用代码读取页面参数的值

page 属性是可观察的。我试图用代码订阅它

我制作了导航到下一页的按钮

它很好地改变了 Url,但 pager.activePage$().ctx.page.subscribe 实际上并没有触发。

我需要一些方法来通知 viewmodel 有关参数更改。我怎样才能实现它?

0 投票
1 回答
205 浏览

knockout.js - How to use Javascript Module Pattern with Knockout JS and Pager JS?

I want to use Javascript Module Pattern with Knockout JS and Pager JS, i know how to use Javascript Module Pattern and Knockout JS and Pager JS Separately but i don't know how to integrate them.Here is my code of Javascript Module Pattern

now this code work find but i don't know how to integrate the above code with the given below code in order to make knockout js and pager js work fine with Javascript Module Pattern

0 投票
0 回答
122 浏览

javascript - PagerJS/KnockoutJS 子页面嵌套绑定

我在使用带有 pager.js 和 knockout.js 的嵌套对象时遇到问题。

我有一个单页视图模型,它在函数中加载子页面的信息,并且在“withOnShow”数据绑定中调用该函数。

子页面本身加载良好,但我无法访问使用“with”数据绑定传递给子页面的对象的任何元素。

我尝试通过以下方式加载元素:

  • $data.etc
  • $data.notifications.etc
  • 通知.notifications.etc
  • 通知等
  • 通知()等
  • 通知().notifications.etc
  • self.notifications.notifications.etc
  • self.notifications().notifications.etc

我还尝试将我的可观察元素的类型从“ko.observable([])”更改为“ko.observableArray([])”,以及在使用和不使用“with”绑定之间切换。相关代码如下(这是在我的主页jsp中的一个脚本标签中的viewmodel函数中):

相关的 HTML 如下(这是在我的主页 jsp 中):

我正在尝试做的一个示例(此代码在我的子页面 jsp 中):

这只是我尝试访问数据的一种方式。我还可以访问其他一些布尔值,以及一些用于填充表单的数组。JSON如下:

有什么见解吗?谢谢!(抱歉,如果我问的问题不好,请告诉我是否需要提供更多信息!)

0 投票
0 回答
376 浏览

javascript - 使用 pager.js 和 Knockout 的基本页面路由

我正在尝试在预先存在的淘汰应用程序中设置一个非常基本的页面路由系统。我已经添加了所有依赖项并正在运行:

但是,当我通过以下方式将页面 ID 添加到我的“目标”模板时:

我在控制台中收到错误:

我曾尝试在其他地方添加页面 ID,但无论如何我都会收到此错误。任何人都有这方面的经验并且知道我做错了什么?

0 投票
2 回答
285 浏览

javascript - Require+pager.js:pager.extendWithPage 不是函数

我为我的 symfony 3 项目创建了以下 twig 模板:

我通过这个 symfony3 控制器方法渲染它:

但是当我通过以下方式在我的视图上渲染它时:

我在浏览器的控制台中收到以下错误消息:

pager.extendWithPage 不是函数

你知道为什么会这样吗?

编辑1:

我更换了:

和:

问题仍然存在。

编辑2:

正如在我的控制台 pager.js 中看到的那样加载: 来自我的控制台的图像

编辑 3

根据要求,我的视图模型是:

编辑 4

我通过 bower 下载 pager.js,而我的 bower.json 是:

我像这样通过 gulp 移动它: