問題タブ [marionette]

私はゾンビのリファレンスケースのように見えるものに直面しています。

まず、これは私が使用しているコードです。

ここに私のユーザーの詳細マネージャーのレイアウトの要点があります

代わりに、コントローラーはここにあります

操作の流れは次のとおりです。

1. 管理者は、コントローラーで「manageUsers」を呼び出すルートにアクセスすると、ユーザーのリストにアクセスします。
2. 管理者がユーザー行をクリックすると、イベント「users：selected」がトリガーされ、リスナーは操作するユーザーインスタンスを受け取ります。
3. DetailsLayoutは、アプリケーションのメインレイアウトでインスタンス化およびレンダリングされます。特にその「コンテンツ」領域で。
4. ユーザー詳細フォームを処理するビューもインスタンス化され、DetailsLayoutの「dettagli」領域内にレンダリングされます。
5. この時点で、管理者はこのユーザーのメモの管理に関心があります。そこで、彼は「notes」というラベルの付いたタブをクリックすると、notesLayoutの「note」領域にメモのリストが表示されます。
6. 管理者が操作したいメモをクリックすると、イベント「notes：selected」が発生し、メモインスタンスが適切なイベントハンドラー（DetailsLayout.showNote）に渡されます。

この時点で、管理者がDetailsLayout.showUsersを起動するリンクをクリックすると、前述のコントローラーによってリッスンされたイベント「users：index」が起動され、上記のリストのポイント1に戻ります。

ポイント5までプロセス全体を繰り返すと期待どおりに機能しますが、管理者が作業するメモを選択するとすぐに、デバッガーは、DetailsLayout領域の「メモ」が定義されていないというエラーを表示します。

コードを段階的に実行すると、2回目の実行で、発生したイベントが、最初のパスで使用されたインスタンスにまだバインドされているポイント6を除いて、DetailsLayoutの適切なインスタンスに正しくバインドされていることがわかりました。

上記のコードは、ユーザーの詳細が表示されるたびに、DetailsLayoutの新しいインスタンスが作成されることを示しています。これは、ゾンビがまだいないことを保証するのに十分ではありませんか？バックボーン.marionetteのドキュメントから正しく思い出すと、layout.region.show（）がヒットするたびに、前のビュー（イベントのバインド解除とその他すべて）が閉じられ、新しく渡されたビューがアタッチされます。

私が間違ったやり方をしているのは何ですか？

よろしくお願いします。よろしく

PS

Backbone.marionetteのバージョンは0.8.4です

Backbonejsのバージョンは0.9.2です

BackboneMarionetteCompositeViewを使用して作成された非常に単純なテーブルがあります。このテーブルの唯一の要件は、データを表示し、ユーザーがヘッダー行をクリックしてデータを並べ替えることができることです。テーブルが並べ替えられると、ヘッダー列の並べ替えに使用される列にクラスのタグが付けられ、CSSを使用して矢印を表示できるようになります（例：'class = "sort asc"'）。

問題は次のとおりです。ヘッダー行がクリックされると、（event.targetを介して）コールバックに渡される要素は、DOM上にあるテーブルの一部ではありません。代わりに、Chromeのデバッグツールを使用すると、ターゲット要素は実際にはテンプレートスクリプトブロックの一部であり、ユーザーが実際に表示する要素ではないように見えます。

私が今持っている最善の回避策は、テンプレート内のクローンから一意の情報を取得することによって、実際にDOMにアタッチされている要素を検索することです。

複合ビューコード（Derick BaileyのサンプルFiddleの1つから借用）は次のとおりです。

テンプレートも単純です。

問題を実証するために修正されたDerekの元のデモFiddleのフォークはここで見つけることができます：http： //jsfiddle.net/ccamarat/9stvM/14/

少し曲がりくねっています。私の質問は、ある種のゾンビビューを生み出したようです。これはjQuery/Backbone / Underscoreのバグですか、それとも単にこれをすべて間違っているのでしょうか？

**編集**これは、2つの要素の異なる親階層を示すコンソール出力です。

Marionette.CollectionViewのリストをレンダリングする がありますItemView。render()では、ItemView を使用してRaphaelmodelを使用して SVG を描画します。

Raphael では、キャンバスの高さと幅を指定する必要があり、通常は から取得しthis.$elます。ただし、$el(空の として) には、DOM に追加され、CSS ルールが適用されるまでディメンションがないため、ビューが DOM にあることがわかる<div>までレンダリングを遅らせる必要があります。

問題はMarionette.CollectionView、子ビューがレンダリングされるまで DOM に追加されないことです。の半分を再実装せずに、この動作をオーバーライドするにはどうすればよいCollectionViewですか?

サンプルコード

過去に Backbone を使用していくつかの Web ベースのアプリケーションを作成しましたが、今は Backbone.js と jQuery Mobile を使用して新しいモバイル アプリケーションを作成しています。MarionetteまたはChaplinを使用して、より優れた構造、ビュー管理、およびメモリ管理を提供することを検討しています。最終的に、これは PhoneGap を使用してまとめられ、エンタープライズ アプリにデプロイされます。

ただし、これらのいずれかが jQuery Mobile でうまく機能する (または機能しない) ことを示すものは何も見つからないようです。それらを最大限に活用するには、jQuery Mobile を無効にする必要があることはわかっていますが、これで問題ありません。また、 require.js と JQM がうまく連携しないという問題に関する質問もいくつか見ました。では、これらのバックボーン フレームワークのいずれかを使用して、JQM とうまく連携する方法でモバイル サイトを開発するのが簡単かどうか知っている人はいますか? または、JQM で使用するために特別に設計された別のバックボーン ベースのフレームワークがありますか?

私はマリオネットリージョンマネージャーを使用してビューを管理しています。3つのメインリージョンがあります：1]トップメニューリージョン2]サイドバーリージョン3]メインリージョン（変化し続ける実際のページ）

トップメニューとサイドバーのアクションに応じて、を使用してメインリージョンでレンダリングされるビューを変更し続けますApp.MainRegion.show(view)。

persistViewここで、タブ/ブラウザを閉じない限り、一度レンダリングされたビューを閉じてはならない特定のビュー（）が1つあります。

当然、次のApp.MainRegion.show(view)理由でここを使用することはできません。

1. show(persistView)初めて呼び出されたときは、すべて問題ありません。
2. 私が離れてナビゲートすると、のshow(otherview)呼び出しclose()になりpersistViewます。これは必須ではありません。

私の現在の解決策は次のとおりです。

1. persistRegionのすぐ下にという新しいリージョンがありますmainRegion。
2. persistView常にでレンダリングされますpersistRegion。
3. のでonShow()、persistView私はを非表示にしmainRegionて表示しますperistRegion

上記は機能しますが、私は非常にハックだと思います。また、ステップ3]の後で、ユーザーが他のビューに移動すると、スタックします。今、私はpersistViewそれがそれ自体を隠して表示する必要があることをどのように伝えるのmainRegionですか？

どんな助けでも大歓迎です。

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

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

(1)

(2)

バックボーンマリオネットで構築しているマスター/詳細アプリケーションがあります。ユーザーがマスター行をクリックすると、詳細に行の詳細が表示されます。

ユーザーが行を編集できる必要があります。保存する前に行を「離れ」ようとした場合に通知してもらいたいです。この機能にはdirtyFieldsプラグインを使用することを考えていました。

他の誰かがこれらを一緒に使用しましたか? itemview を交換するとき、プラグインを初期化するにはどうすればよいですか? ビューを閉じるときに、ビューをクリーンアップするために考えるべきことはありますか?

任意の考えをいただければ幸いです。

どうも

バックボーンで直接モデルを使用して単純なフェッチを行っています。

これは完全に機能します。

ただし、リクエストでパラメーターを送信したいのですが、これを行うと機能しなくなりますか? エラーは報告されていませんか?

誰でも助けることができますか？リクエストはサーバーから完全に行き来するように見えますか?

Backbone.Marionette、Backbone.Routerおよびを使用して Web アプリをブートストラップする最良の方法を探していRequirejsます。
次の実装は機能しますが、これが正しい方法であるかどうかを知りたいです。

これが私のコードの一部です（*）。

私の質問は:
1) 次のデータ フロー ( index.html-> conf.js-> router.js-> ) は正しいapp.jsですか?
2) Backbone.Viewfor each region ( header, sidebar.....) は、コンテキストに応じて、またはブースでインスタンス化する必要がありrouter.jsますapp.jsか?