問題タブ [backbone-events]
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 - 特定の object_id のコレクションをフェッチしてレンダリングする最良の方法
特定のコレクションを取得できるシンプルなアプリを実装しようとしていobject_id
ます。
サーバーからのGET response
は次のようになります。
私の目標は
、ユーザーが を選択したときにコレクションをレンダリングすることobject_id
です。
私のコードの出発点は次のとおりです。
私の質問は次のとおりです:
* 最善の方法は何ですか:
1) を設定してobject_id value
、MyModel
2
) fetch
MyCollection でトリガーし、
3) ?*でrender
関数をmyView
トリガーするか、私の目標をアクティブにしますか?
PS:
私の基本的なコードは次のようになります。
javascript - バックボーン-jsonからコレクションにデータを入力し、ビューを更新します
コレクションにJSONファイルのデータを入力しようとしています。私は背骨の初心者なので、私の問題はおそらく簡単に解決できます。しかし、これは一日中苦労してきました-それで今私は指導を求めています。
アンケートを作成していて、ローカルに保存されているJSONファイルから質問をロードしたいと思います(後でサーバーから質問を取得します)。
コレクションにデータが入力されているかどうか、またはビューが更新されないことが問題であるかどうかはわかりません。私はたくさんのチュートリアルを読み、さまざまな場所からいくつかのアイデアを得ました。
さて..これは私のjavascriptコードです:
そして私は次のHTMLコードを持っています:
JSONファイルは次のようになります。
ボーナスの質問:私はfirebugを使用していますが、このようなものをデバッグするのは非常に難しいと思います。たとえばconsole.log(Questions);
コンソールに書き込むと、ReferenceErrorが発生します:質問が定義されていません。何故ですか?
更新:問題は解決しました。以前はWebサーバーを使用していませんでしたが、現在は使用しています(ブラウザーでファイルを開いただけです)。コードは正常に機能します。
backbone.js - Backbone.ViewとBackbone.Modelのインスタンスが多すぎます
他のビューのレンダリングを担当するメインビューがあります…。これが完全なコードです(1)(2)(3)。
ビュー(View1、View2、View3)を初めてロードするときは、すべて問題ありません。
次に、this.optionsを変更してビューをリロードしようとすると、どうやら問題ないようです。
しかし、ゾンビビューがいくつかあることに気付きました…、つまり
、メモリ内の以前のビューのインスタンスを意味します。
私はこのコードの平和を使用してこれを発見します…</p>
cid
ビューを再ロードするたびに、異なるCIDを持つ新しいビューが生成され、メモリにとどまることがわかりました。例
等々...
私のデザインの何が問題になっていますか?どうすれば修正できますか?
(1)エントリポイント
(2)mainApp
(3)
backbone.js - すべてのビューに関連付けられたバックボーンビューイベント
バックボーンで最初のアプリケーションを実行していますが、イベントをアタッチしようとすると奇妙なことが起こります。
私はこれまでにこのコードを入手しました:
ご覧のように。
私はすべての女の子を保存するためにコレクションを使用しており、データはルビーのRESTAPIから取得されます。
各女の子は新しいモデルインスタンスを作成し、その中にビューインスタンスをアタッチしました。
それが良い習慣かどうかはわかりませんが、それを行うためのより良い方法を考えることはできません。
各ビューは、一意のIDを持つコンテンツを作成します。girl-1girl-2そして続けます。
これで、テンプレートに編集ボタンがあります。私の最初のアイデアは、onclickイベントを攻撃し、編集ビューをトリガーしてレンダリングすることです。
それは期待どおりに機能しています。
これまでの問題は次のとおりです。
イベントがトリガーされると、レンダリングされたビューを「所有」するものではなく、すべてのコレクション(女の子)が編集ビューを起動します。
私の質問は私が間違っていることですか?
どうもありがとう
javascript - ボタンOnclickイベントとbackbone.jsビュー
私は現在、次のhtmlファイルを持っています:
私はbackbone.jsビューファイルに次のものがあります:
ボタンをクリックすると、両方の関数で未定義の関数エラーが表示されます。バックボーンを使用するのは初めてです。
backbone.js - backbone.jsを使用してビュー内のボディクリックを聞く
このようなモーダルダイアログを作成しています
次に、このような別のビュー内に作成します
これはうまく機能しますが、ボディクリック時またはエスケープを押したときにダイアログを閉じたい場合の最良の方法は何ですか?
backbone.js - Backbone.js アプリでのモバイル Safari の「飲み込み」イベント
Backbone.js アプリで奇妙な問題が発生しています。私のメイン ビューでは、ビューで発生するすべての入力イベントをキャプチャし、それらを入力ハンドラー メソッドにルーティングしたいと考えています。ビューには、アプリの他の部分に移動するためのリンクもいくつかあります。関連する (CoffeeScript) コード:
イベント処理は、デスクトップ Safari で期待どおりに機能します。「quit」リンクをクリックすると、「onAction_ _」メソッドが起動し、「quit」メソッドが呼び出されます。ただし、Mobile Safari では、「quit」メソッドは呼び出されません。タッチ イベント セレクターを変更して、ビュー内の小さな領域 (つまり、リンクと重なっていない要素) にのみ応答するようにすると、期待どおりに機能します。(ユーザー入力によってトリガーされるすべてのメソッドには preventDefault() 呼び出しが含まれていますが、それによってイベントのバブリングが停止することはありません。) これは Mobile Safari の既知の問題ですか?
jquery - 複数のバックボーン ビューのコンテナとして単一の div を使用すると、イベント バインディングが失われる
さて、ナビゲーションとダッシュボードの概念ができました。ルーターでナビゲーション リンクをクリックすると、ダッシュボード ビューを呼び出してアクティブなタブを設定します。
例えば:
基準価額
dashboard_container.jst.tpl
ダッシュボードビュー
問題:
したがって、最初に widgets_tab または foobar_tab に切り替えると、タブが期待どおりに読み込まれます。ただし、タブに切り替えてから切り替えてから元に戻すと、ビュー内のすべてのイベントがバインドされなくなります。クリック、ホバーリング、たとえば foobars_view 内のビューはどれもクリック可能、ホバー可能などではありません。
以前は、次のように子ビューごとにラッパーを作成していました。
過去の解決策、ピタ:
上で示した方法ではなく、常に開いたままの active_tab div にビューの el を配置するというアイデアが本当に気に入っています...私が望む方法でそれを行うことができない場合に、私が上で示した方法に代わるものはありますか? ありがとう!
javascript - backbonejs の set メソッドが機能しませんでした
私はすでにモデル使用バックボーンを定義しています:
次に、このメソッドを呼び出したい
しかし、上でコメントしただけで、すでにsetメソッドを呼び出していても、「relativeurl」の結果はまだ定義されていません!
私のコードの何が問題なのですか?どうすればこの問題を解決できますか?
javascript - バックボーン ビューで複数のイベント タイプをバインドする
バックボーンの複数のイベント タイプを 1 行でバインドできるかどうか疑問に思っていました。
次の点を考慮してください。
基本的に私が疑問に思っているのは、次の行に沿って、「クリック」と「タッチスタート」のイベントバインディングを1行に結合できるかどうかです:
任意の提案をいただければ幸いです。