問題タブ [pagerjs]

現在のページの子が表示されていない場合、ページを最初の子に自動的に再ルーティングすることは可能ですか? シナリオは、一連のタブ付きコンテンツ領域を構築しており、Knockout と Pager.js を介してルーティングを制御しているというものです。私が望むのは、1 つのタブ コンテンツ領域に子タブがある場合、その最初の子をアクティブとして表示するようにルートが自動的に調整されることです。最初の子が常に同じであることを保証できないため、その子ページに「開始」ロールを設定することはできません。

アーキテクチャを示す基本的なフィドルを作成しました。

http://jsfiddle.net/ePY3C/2/

結果は、「page-one」のルート ID を持つ子ページに自動的にルーティングされるはずです。

ページが表示されるたびにモデルデータを (非同期に) フェッチしたいと思います。パスには、取得するフィールドを withOnShow-handler に指示する追加のパラメーターが含まれる場合があります。次に例を示します。

withOnShow ハンドラ内の「フィールド」パラメータにどのようにアクセスしますか?

html5、knockout.js、history.js、pager.js で SPA (Single Page Application) を作成しています。

「実際の」ページの更新を除いて、すべてがうまく機能しています。コンテンツは pager.js (div をナビゲートするノックアウト js のプラグイン) から動的に書き込まれ、history.js が uri を変更しているため、Web ページが更新されると 404 エラーで中断します。ただし、pager.js Web サイトでは、動的リンクを更新でき、通常どおり機能します。ドキュメントを確認しましたが、問題を解決する方法がわかりません。最後に、検索エンジンの html のスナップショットを取得するクローラー .js について言及しているものを見ました。

これを修正する方法を知っている人はいますか？私の答えはクローラー.jsですか？

こんにちは、ノックアウトと pagerjs を使用した単一ページ アプリケーションで小さな問題があります。

私のindex.htmlには

インデックスページの私のjavascriptは次のようになります

私が持っているtest.htmlファイルで

それでもエラーが表示されます: 同じ要素にバインディングを複数回適用することはできません。私は別の要素にバインドしませんでしたか? アドバイスをいただければ幸いです。

よろしく、ガヴリル

私はアプリケーションを構築しており、Knockout から始めています。ページングを実装する必要がある段階に来ています。Knockout でそれを行うためのデファクト ライブラリは Pager.js のようです。

Pager は優れており、非常に使いやすいですが、Pager ソリューションを見つけることができなかったユース ケースがあります。

多くのページでは、特定のコンテンツをページ上の複数のバラバラな要素で表示できるようにしたいと考えています。(「ばらばら」が適切な用語かどうかはわかりません。実際には、DOM ツリーの完全に分離したブランチのように、まったく接続されていない要素を意味します。) たとえば、特定のものをヘッダーに表示したい場合があります。フッター、または Pager がレンダリングするメイン UI とともにメニュー。

これまでのところ、Pager はページを 1 つの要素のみにリンクしているように見えます。それは、どのページがアクティブであるかに基づいて表示/非表示を切り替える要素です。

切り離された複数の要素を Pager で表示/非表示にする方法はありますか? これを行うには、コールバックなどに頼る必要がありますか? （Pagerがページを表示/非表示にするときのコールバックがあることは知っています。これを使用してこれを実現できると思いますが、Pagerがこれを処理してくれればもっと良いでしょう。）

Pager がこの使用例を実際にサポートしていない場合、Knockout と互換性のある別の同様のライブラリを試してみてください。または、これを完全にサポートする Knockout の別の代替手段 (AngularJS、Ember など) はありますか?

EDIT：Emberを見て、私が探しているのは、ここで説明されているものとその「アウトレット」機能（ページの最後の例）です。そのため、Knockout と同様の機能を探しています。Knockout コールバックのいくつかを使用してこれを模倣できると思いますが、物事を移動したり、非表示/表示したりするために、おそらく多くの jQuery が必要になるでしょう。時間が経つにつれてアプリケーションが大きくなるにつれてメンテナンスの頭痛の種になるので、私はむしろそれをする必要はありません.

knockout.js と pager.js は初めてです。設定しました

私のリンクの1つにあるpager.js data-bind="page-href:{}"。ただし、次のエラーが表示されます。

ページがヌルです

ステートフルな pagerjs アプリでページの更新を処理するための最良の方法は何ですか? 私は、モデルの健全性を検証するすべてのページに sourceLoaded ハンドラーを用意することに傾いています。渡されない場合は、ユーザーをエントリ ページに移動します。

pagerjs とノックアウトを使用してアプリを正しく構成する方法を理解するのに苦労しています。各ページ参照に個別のビューモデルを含めることを検討しています。

私の index.html の例の中の 3 つのページは次のとおりです。

したがって、ページのhtmlをviewsフォルダーに分割すると、これはうまく機能します。私が理解するのに本当に苦労しているのは、すべてのビューモデルを別々のファイルに保存する方法と、それが pagerjs でどのように機能するかです。

「main.js」で 1 つのビューモデルのみを使用していた場合、次のようになります。

ビューモデルの論理的な分離を使用してこれを構造化する際の助けをいただければ幸いです。

私は PagerJS プラグインを使用して KnockoutJS に取り組んでおり、この問題が見つかりました。それがPagerJSに関係しているかどうかはわかりませんが、ここに問題があります。

pagepager.js とsourceOnShowプロパティのバインディングを使用します。ソース コンテンツ内に、親の ViewModel の監視可能なプロパティにバインドされた子ページがあります。

監視可能なプロパティが変更されると、子は新しいデータを更新しようとしました。しかし、最初の値がバインドされた後、動作が停止したようです。各ステップの間にいくつかのログを挿入すると、結果は次のようになります。

サンプル コードの結果には のみが表示さjob_idれ、残りは空のバインドを持つブロックが表示され、コンソールにはlog1とのみが記録されますlog2。その他のエラーは記録されていません。最初のバインディングの後に機能しなくなったかのように。

私のコードは、例えば

のmain page

の/template/jobs

のjobspage.js

※ルール違反かどうかはわかりません。この質問は以前に尋ねられましたが、回答がなかったので、ここで削除して再質問しました。@Stijn と @KristianNissen に感謝します。質問を絞り込むのに役立ちます。