問題タブ [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.
javascript - Sammyjsおよびpagerjsルート
KnockoutJS(2.2.1)、SammyJS(0.7.4)、PagerJS(githubからjquery hashchangeを使用した最新)を組み合わせてシングルページアプリを作成し始めましたが、ルートに問題が発生しました。 Chromeバージョン24.0.1312.57mまたはFirefox16.0では機能しません(何らかの理由で実際にはIE7で機能します)。
sammyjsを使用して、アプリが反応するルートとそれに対応するアクション(ユーザーデータの読み込みなど)を指定しました。同じルートがpagerjsで使用され、表示するページを指定します。何らかの理由で、sammyjsコードは実行されますが、pagerjsコードは実行されません。
ルートを更新するとき、たとえばから#!/
に行くとき#!/user
、pagerjsは新しいページに切り替わりませんが、とを切り替えるとデータは期待どおりに更新され#!/user?uid=123
ます #!/user?uid=321
。ただし、sammyjsコードを削除すると機能します。ページ間の切り替えは機能しますが、データはもちろん正しく更新されません。
SammyJSはpagerjsによるそれ以上の実行を終了するようですが、私はこれらのライブラリにまったく慣れていないので、コードが誤動作している可能性があります。洞察に最適です。
javascriptコードは次のようになります。
そして、ここにpagerjsデータバインディングを含むHTMLがあります。
javascript - KnockoutJS、SammyJS、pagerJS を使用して SPA を構成する方法
KnockoutJS を使い始めたばかりで、PagerJS、SammyJS、BootStrap と組み合わせて単一ページ アプリを構築していますが、今は少し迷っています。
私を驚かせたのは、ビューモデルを整理し、ルーティングとページをシンプルかつ再利用可能な方法で組み合わせるにはどうすればよいかということです。今のところ、実際にはほとんど収まらない緩いビットの山のように感じます. SOでいくつかの回答を確認しましたが、アプリを整理する方法をまだ理解していません。
現時点では、概念実証としてページに 1 つのビューモデルがあり、ユーザーの個人情報と今後のイベントの表示を処理するだけです。ただし、今は他のタイプの情報を組み込む必要があり、ユーザーが自分のイベント、連絡先、タスクを管理し、他のユーザー、イベントをリストできることが期待されるため、1 つのビューモデルではなく複数のビューモデルを持つのは適切ではないようです。とりわけ、タスク。まだまだ続きます。
ユーザーが選択するほとんどすべてのオプションは、データベースで定義されています。たとえば、ユーザー タスクと、これらのタスクを解決するための対応するアクションは、データベースで事前定義されています。
ほとんどの例では、SammyJS ルーティングをビューモデルに配置する傾向がありますが、ページに複数のビューモデルがある場合、SammyJS を単一のビューモデルから移動して、単一の場所でルートを編集したいと考えています。
私の考えでは、PagerJS を使用して異なるビューを簡単に切り替えることができますが、SammyJS で設定されたパスと PagerJS で使用されるデータ バインド パスとの間の同期が必要です。たとえば、#!/user を選択すると、Sammy のルーティングがリクエストを処理し、表示するデータをフェッチし、PagerJS がユーザー ページを表示します。私には少しもろい気がしますが、おそらくそれが機能するはずです。
knockout.js - pagerjsとノックアウトで現在のクリックパスを強調表示する
pagerjsアプリケーションを作成している場合、開いているパスをアクティブに設定するにはどうすればよいですか。例えば
css:{selected:isVisible}バインディングを作成するのは簡単ですが、isVisibleはどのようになりますか?ドキュメントではこれをほのめかしていますが、isVisibleがどのように見えるかは示していません。pagerjsにバインドできるものはありますか?
knockout.js - PagerJs - page-href が href パスに undefined を追加
asp .net mvc アプリケーションでノックアウトを使用していますが、pagerjs をセットアップしたいと考えています。指示に従って、メイン レイアウトのナビゲーション メニューに html のこの部分を追加しました。
そして、私はこれを私の部分的な見方で持っています:
ただし、html をレンダリングすると、次の結果が得られました。
私の開始divは表示されません。
なぜこの undefined が表示されるのか理解できませんか? 何か助けはありますか?
ありがとう
javascript - pagerjs初心者 - node.jsなしで使用していますか?
初心者の質問です。pagerjs はノックアウトで動作するクライアント側のフレームワークだと思っていました。では、なぜ node.js をインストールする必要があるのでしょうか? ノードなしで使用する方法はありますか? それとも、私はそれがどのように機能するかについて間違っていますか?
javascript - 最初の訪問後にPagerjsがwithOnShowを更新しない
Pager.js と withOnShow を使用して、ワイルドカードを使用して正しいデータを動的に取得しています。初めてページにアクセスしたときに機能しますが、新しい ID に移動すると、正しい viewModel が返されますが、バインディングは更新されません。
HTML:
JS
jsFiddle: http://jsfiddle.net/xU4Uu/
いずれかのリンクに移動してから、新しいリンクを使用して別の ID に移動してみてください。コンソール ログには、返された正しい ID が示されますが、h1 は更新されません。
これを間違って使用していますか、それとも pager.js のバグですか? 私はプロジェクトの真っ最中で、これを機能させる必要があります。誰かがこれを何らかの方法で解決しましたか?
javascript - PagerJS と History.js の適切な統合
Knockout、pagerjs、および history.js を使用して SPA をセットアップしようとしています。ただし、 を含むリンクをクリックするとdata-bind="'page-href': '/somepath'"
、JS エラーが発生します。
オブジェクト関数 History() { [ネイティブ コード] } にはメソッド 'pushState' がありません
これは、私が pagerjs を正しく初期化していないことを示していますが、デモを正しくフォローしていると思いました。pagerjs を初期化する方法は次のとおりです。
history.js を AMD モジュールとしてロードできるようにするために、history.js の最後にこれを追加しました。
ただし、pagerjs が呼び出そうとHistory
するメソッドがないことに気付きました。pushState
pagerjs と history.js を統合する正しい方法は何ですか?