問題タブ [backbone-events]

私は backbone.js の Railscast チュートリアルに従っていますが、機能を拡張してキーボード コントロールを含めたいと考えていました。ショービューに次を追加しました。

私のショーテンプレートには、次のものがあります。

タブキーを使用して戻るリンクを選択し、ランダムなキーを押し始めると、JavaScript コンソールに出力が表示されます。ただし、ページを読み込んでリンクを選択せず​​にキーを押し始めると、コンソールに出力が表示されません。

画面の読み込み時に押されたキーをリッスンするように、イベントをドキュメントにバインドするにはどうすればよいですか?

ここでは backbone.js ' click' イベントを使用しました。onClick イベントで、クリックされた HTML 要素を選択し、削除して追加リストに追加したい。

クリックしたすべての HTML dom 要素にアクセスできません。HTML要素を取得した後。

「中国」をクリックすると、以下のコードは「<li>China</li>」を警告します。

では、すべての dom プロパティにアクセスするにはどうすればよいですか?

Java スクリプト コード:

および HTML コードは次のとおりです。

add と added の 2 つの ul コンテナーがあります。ソースから要素をクリックすると、ターゲット コンテナーに移動する必要があります。

私はBackbone.jsを使い始め、javascriptで簡単なことをしようとしています。これはdivの表示/非表示です。divを表示することはできますが、非表示にすることはできません。多くのことを試しますが、何かアイデアはありますか？それとももっと洗練されたものでしょうか？

乾杯

バックボーンアプリ内でfetch、ユーザーが特定のアクションを実行したときに電話をかけています。

changeDay場合によっては、最初の要求が正常に応答する前に、ユーザーがこのメソッドを再度呼び出すアクションを実行します。このような場合、前回のリクエストをキャンセルしたいと思います。私はバニラjQuery（ここで概説されています）でこれを行う方法に精通していますが、XHRオブジェクトが背後に隠されているため、ここでそのアプローチを簡単に使用することはできませんfetch。どうすればこれを解決できますか？

私は backbone.js が初めてで、ルートやビューなどがどのように機能するかを理解しようとしていますが、同じビューのイベントの構築に問題があります。これが私の言いたいことを正確に示すクリップです。http://screencast.com/t/QIGNpeT2OUWu

これは、バックボーン ルーターがどのように見えるかです。

したがって、[ページ] リンクをクリックすると、新しい PageView が作成され、これが使用しているコードです

かなり基本的なことだと思いますが、クリップでわかるように、/pages に移動するたびに別のイベントがチェックボックスに登録されます。

ロードできるビューがあります。ただし、イベントは発生しません。ビューは次のとおりです。

}))

重要ではないため、イベント関数の 1 つを削除しました。とにかく、このビューは私のルーターで初期化されています:

そして、ModalMapView からレンダー関数を呼び出すイベントを内部に持つツールチップ ビューがあります。そのビューは次のとおりです。

});

上記で再び重要になるとは思わなかった機能を削除しました。

また、ここに私のテンプレートがあります：

そしてもちろん、私が取り組んでいるページの HTML マークアップ:

バックボーンのドキュメントには次のように記載されています。

eventsプロパティは、イベントハッシュを返す関数として定義することもできます。これにより、プログラムでイベントを定義したり、親ビューからイベントを継承したりすることが容易になります。

親のビューイベントをどのように継承して拡張しますか？

親ビュー

チャイルドビュー

以下の PlayerView コードの「クリック」イベントが正しくバインド/起動されない理由を誰か教えてもらえますか? 非常に明白な何かが欠けているように感じますが、多くの異なるソリューションを何時間も試した後、途方に暮れています。

これは、ルーターでインスタンス化される方法です。

そして、これが実際のビューコードです（関連する場合に備えて、jPlayerプラグインコードを含むCoffeescriptで）：

私がやりたいことは非常に単純だと思いますが、それを行う方法がわかりません。モデルの属性の 1 つがイベント ハンドラーにデータを渡す目的で変更されたときに、独自のイベントを発生させたいと考えています (変更が値の増加または減少であったかどうか)。

基本的に、ハンドラーにビューでこれを実行してもらいたい

これがスキニーです...（私はいつも30代のギャングのように話します）

私は 2 つのモデルを持っています - わかりました: 会社 + 日付

セットアップ
Company モデルは、ドロップダウン リスト ビューに添付されます。サーバーから会社のリストを取得します。日付は今日に設定され、日付セレクタ ビューに関連付けられています。初期化時に、これらのモデルは両方とも、アプリ ルーターを介してそれぞれのビューにアタッチされます。これらはメインのナビゲーションを構成し、常にそこにあります。

問題
問題は、これらのモデルとデータが複数のビューで使用されることであり、それらをこれらのビューに渡すためのよりクリーンな方法が必要です。そのため、モデルが変更されたときにモデルとともにイベントを発行するイベント アグリゲーターを使用しました。ただし、モデルが変更されていないため、これは新しいビューの初期化には役立ちません。

4 つのオプション

1. 日付モデルを localStorage に保存します。モデルが新しいビューによって初期化されるときに取得します。モデルが新しいビューによって初期化されるときに、会社のデータをキャッシュからプルします。

2. いずれかのモデルをアプリ ルーターから新しい各ビューに渡します。モデルの変更をビューにバインドします。

3. 優先: 私のイベント システムを使用しますが、新しいビューの初期化の回避策を見つけてください。

4. 両手を上げて「sc *** it」と言って、ホールの向こう側にいる女性に向かって 1 時間叫ぶ