問題タブ [backbone-views]
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.
backbone.js - バックボーン JS、取得時にコレクション ビューが 1 秒間空になる
コレクションを DOM 要素「#collection_view」にバインドします。
コレクションがデータを取得してビューを更新すると、ビューが 1 秒間 EMPTY になり、その後正しい HTML で埋められるようになりました。コレクションには、リスト要素をリストに追加するための addAll、addOne メソッドがあります。
空の HTML をスキップして、古い HTML を新しい HTML に直接置き換えるにはどうすればよいですか?
backbone.js - backbone.jsのビューからモデルデータにアクセスする方法
私はpersonという名前のモデルを持っています:
今、私は見解を持っています:
ビューのオブジェクトを作成しました:
名前にアクセスしてみてください:
しかし、私はこのエラーを受け取りました:
正しく行う方法を教えていただけますか?backbone.jsを知り始めたばかりですので、ご容赦ください。
javascript - 行ビューを使用するバックボーン テーブル ビュー - 構造化する方法は?
テーブル ビューでレンダリングしたいモデルのコレクションがあります。各モデルはテーブル内の 1 つの行で表す必要があり、この行はテンプレートを使用して生成する必要があります。イベント ハンドラーをその行 (クリックなど) にアタッチできるはずです。イベントが発生すると、その行に関連付けられたモデルに関する特定の情報が警告されます。
これと同様のことを私が見た一般的な方法は、各行を独自のビューに分割し、親ビュー (この場合はテーブルとしましょう) で行ビューを使用して html を生成し、コードに含めることです。 . ただし、これがテンプレートでどのように機能するかわかりません。
この場合、RowView には dom 要素 (this.el
バックボーン用) への参照がないため、イベントを特に RowView にアタッチすることはできません。単純に文字列を返します。テンプレートを最大容量まで使用しながら、どうすれば目的を達成できますか?
問題は、特にイベント、テンプレート化、またはネストされたビューの使用に関するものではなく、Backbone を使用してこの種の出力を実現する正しい方法に関するものです。
サンプルコード(フィドルでも):
ありがとうございました!
jasmine - ジャスミンで誤ってインスタンス化されたバックボーンビュー
クロム開発ツールの使用。アプリでビューをインスタンス化すると、これが表示されます...
ジャスミンから私は以下を得る(そしてスペックの失敗)
ジャスミンでインスタンス化するときにel:が未定義になるのはなぜですか?
SearchViewはこのように定義されています...
そしてこのようなスペック...
jquery - backbone.js ビューの作成中にエラーが発生しました - instanceof チェックで関数が必要ですが、[オブジェクト オブジェクト] を取得しました
次のコードで単純な backbone.js ビューを作成しようとしています:
しかし
インスタンスオブチェックで関数を期待しているというエラーが発生しましたが、[オブジェクトオブジェクト]を取得しました
この行に - new BodyView()
;
古いバージョンの backbone.js(0.3.3) を使用している場合、このコードは機能しています。
このエラーが発生する理由と解決方法を教えてください。よろしくお願いします。
PS -このサンプル バックボーン js アプリを作成するために、主にhttp://backbonetutorials.com/what-is-a-view/とhttp://documentcloud.github.com/backbone/#Viewに従っています。
javascript - Backbone.js: コレクション内で使用されている間、モデル イベントが発生しない
ここでは Backbone.js Model - Contact と Collection - Contacts を Model として持っています。2 つのビューがあり、1 つはコレクションを使用してすべての連絡先を一覧表示し、もう 1 つはモデルを直接使用して 1 つの連絡先を表示します。しかし、モデルを直接使用している場合、コレクションで「変更」イベントを使用しているときに「変更」イベントを発生させることができます (モデルの「すべての」イベントでさえも) 発生しません。コレクションで機能させるために、ここで追加のバインドが不足していますか?
更新 コレクションと単一モデルの両方のインスタンスを使用している間、generateUrls() を実行して、モデルの「id」に基づいて urlDisplayPicBig と urlDisplayPicSmall を更新する必要があります。
backbone.js - バックボーンとdocument.title
私はbackbone.jsを使用してシングルページアプリケーションを作成していますが、タイトルの変更を処理するための最良の方法を知りたいです。ビューに「title」オプションを設定し、ルーターに(どういうわけか)document.titleを設定させることを考えていました。誰かが似たようなものを実装しましたか?ありがとう
javascript - クリックイベントが発生しない
私はしばらくの間見回しましたが、これの原因が何であるかを示唆するものを見つけることができませんでした.
私のコード:
上記のコードは、 の最後の項目として含まれてい<body>
ます。HTMLは以下の通りです。
すべての必要な要素が存在し (私が知る限り) el
、View の属性を手動で設定していません。<h3>
クリックしたときにイベントがバインド/起動されない理由がわかりません。
ルーターを使用せずにビューを自分で作成しても、エラーはスローされず、機能は機能します。例えば
backbone.js - バックボーンコレクションの削除、ReferenceError:elが定義されていません
コレクションのビューがあり、そのremoveメソッドを呼び出すと、そのコレクションのremoveメソッドも呼び出しますが、「ReferenceError:el is not defined」が表示されますが、これは意味がありません。なぜでしょうか。コレクションにはエルが必要です。
呼び出しコード:
ビュー内のメソッドを削除します。
コレクション/ビューから要素を削除する方が良い方法かもしれませんが、それでもコレクションがエルを持っていないことについて不平を言っているのは奇妙に思えます、何かアイデアはありますか?
前もって感謝します。
念のため、
ビュー定義:
インスタンス化を表示:
backbone.js - Backbone jsでコレクションをフェッチする適切なタイミングはいつですか?
そのため、私はバックボーンアプリに取り組んでおり、require.jsを使用してできる限りモジュール化しようとしています。 これが私のガイドです。
常にコレクションを取得するためのビューを取得するのに問題があります。ベースURL(myapp.com/
)からアプリにアクセスし、ビューのルートに移動すると、コレクションがフェッチされます。ビューに移動せず、代わりにからアクセスするとmyapp.com/#/campaigns
、コレクションはフェッチされません。
ここにいくつかの関連するコードがあります。
router.js
collections / campaigns.js
ビュー/キャンペーン/list.js
私が間違っていることについて何か考えはありますか?this.collection.fetch()
ビューのinitalize
機能を呼び出すことと関係があると思います。それが問題である場合、どこに置くべきfetch()
ですか?