問題タブ [backbone.js-collections]

フェッチされたときとは異なるデータがページの読み込み時に入力されるモデルのバックボーンコレクションがあります。

たとえば、ページの読み込み時に入力される属性は次のとおりです。

次に、fetch（）で（またはページが存続している間にサーバーから更新されると、データは次のようになります）。

古いデータを保持したまま、バックボーンコレクションを新しいデータで更新するにはどうすればよいですか？IDはサーバーから割り当てられません（名前は一意であることが保証されています）。

collections.fetchメソッドを呼び出そうとすると、コンソールで次のエラーが発生します。

これが私のapp.jsです：

これが私が使用しているスクリプトのバージョンです

しかし、私がサーバーから取得している応答はOKです200ステータスこれは私が取得している応答です

そして最後に、これらは私の応答ヘッダーです。

誰かを助けてください。前もって感謝します。

クライアント側のテンプレート言語として Backbone.js と HAML を使用した Rails プロジェクトがあります。

ファイル app/assets/views/meeting.coffee:

ファイル app/assets/javascripts/templates/meeting/index.hamlc 内

ブラウザ コンソールに移動すると、次のように表示されます。

window.x に割り当てているため、.hamlc ファイルの @collection 変数にアクセスできる場合。.hamlc ファイルから @collection 項目にアクセスできないのはなぜですか?

次のようなものが必要です

働く

ユーザーの友達のリストをコレクションに取得しています。ユーザーが友達を選択して後でたくさんのことを実行できるように、それらの友達を繰り返し処理したいと思います。

私のイニシャライズで私は持っています

それから私のレンダリングで私は持っています

私のハンドルバーは

コンソールのフレンズコレクションはあるので、モデルがそこにあることがわかります。

私の懸念は、コレクションが作成される前にレンダリングがトリガーされていたという問題でしたが、それが解決されるはずだったと思いましたfriends.bind('fetched',this.render(), this)。

私は Backbone を初めて使用し、Todos の例から作業を開始しました。その後、Ruby on Rails Web アプリを使用し、永続性のために localstorage ではなく REST API を関連付ける、Todos ではなく Contacts 用の新しいバージョンの例を作成しました。変更を行った後、Backbone アプリで Rails アプリを正常に更新できますが、Backbone ビューを取得して、Backbone アプリが Rails REST API から受け取るデータをレンダリングすることはできません。デバッガーでコードをステップ実行したところ、次のことがわかります。

1. 関数を呼び出してビューを設定するイベントは、モデルのコレクションにバインドされています
2. モデルデータを取得すると、サーバーからのデータでコレクションが更新されます
3. ただし、コレクションにバインドされたリセット イベントは発生しません。

リセットイベントが発生しない原因を誰か教えてもらえますか? 私のコードは以下の通りです：

コレクション:

AppView:

コンテキスト:動作する参照データの大規模なコレクションをいくつか必要とするアプリケーションを構築しています。HTML と Javascript のみ (JSON を含む) に制限されています。

質問: サーバー上でコレクション オブジェクトが JSON 形式であり、Javascript のみを使用している Backbone.js でコレクションをブートストラップするにはどうすればよいですか?

これは私がすでに知っていることです：

• Backbone.js ブートストラップのベスト プラクティスには、Rails またはその他のサーバー側言語 ( http://backbonejs.org/#FAQ-bootstrap ) が必要です。
• ほとんどの Javascript I/0 操作は、サーバーからの JSON のロードなど、非同期です。
• fetch() を使用してデータをブートストラップすることは、Backbone.js ではアンチパターンと見なされます。fetch() も非同期操作です。

これは私がこれまでに思いついたものです：

「dqApp」は私のアプリケーション オブジェクトです。スピナーを表示し、アプリケーション オブジェクトにアラートを送信することで、コレクションが作成されている間に読み込みステータスを更新できます。

私はバックボーンの無限のページネーションを使用しています。この画像を見てください。[もっと見る]をクリックする前に、すべて問題ありません。「詳細」をクリックすると、新しい結果が正常に追加されますが、「詳細ボタン」は押されません。

これは私のテンプレートです（私はtwitterブートストラップを使用しています）が、「users-list」divの直後に「more」ボタンを配置しようとしましたが、これも機能しませんでした。

ビューコードに新しい結果を追加する方法は次のとおりです。

backbone.js に慣れるために短いコードを書きました。Twitter API から 100 件の結果をフィルタリングしています。それらが入ったら、タイム ピッカーとハッシュ タグ セレクターを使用して結果をフィルタリングします。フィルターを次のように動作させたい:

1. 時間範囲を選択し、フィルター処理されたコレクションとフィルター処理された一連のハッシュ タグをセレクター タグで取得します。ハッシュ タグを選択し、その時間範囲内で同じ結果をフィルター処理します。

2. ハッシュ タグを選択し、フィルター処理されたコレクションを取得します。日付を選択し、最初に選択したハッシュタグで得られたのと同じ結果をフィルタリングします。

3. 元のコレクションを失わないでください。

これが私のコードです：

私は正しい軌道に乗っていますか？別の方法を使用する必要がありますか？私はメモリリークの危険にさらされていますか?

バックボーンで簡単なToDoアプリケーションを構築しています。私のhtmlは：

私のバックボーンコードは次のようになります。

問題は単純です。何らかの理由で、の機能が最初から.add機能してthis.todosいません。addイベントも1回だけトリガーされます。これは、コレクションが不変になったかのようです。明らかな何かを見逃したことがありますか？