問題タブ [backbone-views]

Backbone.View を使用して、この方法で外部テンプレートを取得していました (1)

Backbone.Marionette.Layout を使用して外部ファイルからテンプレートを取得したい場合はどうすればよいですか? (2)

(1)

(2)

コレクション全体のバックボーンビュー（「クリック可能な」カテゴリのリスト）があります。ビューの各アイテムのイベントを委任して、クリックされたカテゴリを見つけることはできますか？

そのため、外部ファイルからコレクションにデータを入力し、URLに基​​づいてビューをレンダリングする方法を理解できましたが、問題が発生しています。以下のコードは、ページの読み込みを除いて、意図したとおりに機能しています。次のエラーが発生します。

「view.render（）」を削除するとエラーは解消されますが、アプリはURLのID変更に応答しなくなります（たとえば、＃/ donuts / 1から＃/ donuts / 2に変更してもビューは更新されません）

誰かが私をここで正しい方向に向けることができますか？

コード：

JSON：

backbone.js のコレクションに問題があります。何か問題があります。これは私のモデルです

私のコレクション：

そしてビュー：

私のホームビューでは、次のことを行います。

なぜ console.log(this.collection.models); render メソッドでは、空の配列が返されますか? 代わりに、console.log(this.collection); に変更すると、それは私のコレクションオブジェクトを返します..

編集ここでホームビュー

makeIT コンテンツをコピーして、モデルとコレクションがある同じファイルに配置すると、それ以外の場合は機能しません

サブビューをロードするバックボーン ビューがあります。サブビューをロードするときに、ビューが必要なデータをフェッチするときにローダーを表示し、ビューをレンダリングする準備ができたときにローダーを非表示にしたいと考えています。

私はこのようなことをしました:

今のところ、私のサブビューはコレクションをロードし、次のように実装されています:

私のサブビューはコレクションを同期的にロードします。これは、ビューがレンダリングの「準備ができている」ことを知る唯一の方法だからですが、これはバックボーンを使用する最良の方法ではないと思います。

どうすればいいですか？

私は楽しみのために Backbone.js でタスク アプリを開発しています。機能の 1 つはグループ化されたビューです。グループ化されたビューには、完了ステータスに従ってグループ化されたタスクが表示されます。現在、コレクションからグループ化されたオブジェクトを構築できます。ビューを構築することは、私にとって些細なことになりました。これは、ビューをどのように見せたいかのスナップショットです

グループ化後の JSON は以下のとおりです

上記のグループ化された json に基づいて UI のテンプレートを作成する方法が思いつきません。_.templateテンプレートの目的でunderscore.jsを使用していると仮定します。

• テンプレートの外観

最初にインスタンス化されたときに、最初は親コンテナーの中央に配置する必要があるバックボーン ビューをテストしたいと考えています。これは、ユーザーが要素を div 内でドラッグできるようにする UI の一部です。

この現在のテストは機能していません (要素の左と上がゼロに設定されています)。

私が作成した親要素と子要素が DOM に挿入されることは決してないため、それらの CSS は決して値を取得しないようです。これを行う正しい方法は何ですか？

レンダリング機能:

テストコード

私はこのコーヒースクリプトコードを使用しています：

スペックファイル内：

ビューファイル内：

ブラウザコンソールは次のように出力します。

ここで何が起こっている可能性がありますか？、renderメソッドにパラメーターを渡すにはどうすればよいですか？

私はBackboneJSを学んでいます。少し質問があります。コントローラーまたはモデルが変更された後に完全なビューを再レンダリングすることは一般的なことですか？また、レンダリング関数の開始時にコンテナをクリアする必要がありますか？

以下は、Backbone.jsで小さなサブビューを作成するための非常に一般的なパターンのようですthis.$el.append(new ListItem({...}).render().el)。

renderビューのデータがまだフェッチされていないなど、外部からの原因による問題しか考えられません。これが、ビューに独自のレンダリングを任せる理由です。ここで何かが足りませんか？

編集：物事を明確にするための擬似コードの例（無関係なコードは省略など）：

なぜ以下がrender明示的に呼び出されるのですか？

これの代わりにFruitView、独自のレンダリングを処理します。