backbone.js - 別の場所に移動してから戻ると、バックボーンの状態が復元されます

Question

ユーザーがさまざまな基準を使用して検索できる Backbone Marionette アプリがあります。検索結果からリンクをクリックすると、バックボーン アプリから標準の静的ページに移動できます。

ブラウザーでクリックして戻ったときに、バックボーン検索ページが以前の状態 (検索基準と結果はそのまま) に戻るように設定するにはどうすればよいですか?

ありがとう

Answer 1

検索ページにバックボーン ルーターを使用し、状態を location.hash に保存することができます。これにより、すべてのポピュレーション/レンダリングは、ルーター イベントをリッスンするルーターまたはビューによって管理されます。

"route:[name]" (params) — 特定のルートが一致したときにルーターによって起動されます。

"route" (route, params) — ルートが一致したときにルーターによって起動されます。

たとえば、 #search/query/nuggets は次のルートをトリガーします。

'search/query/:query-string': function(query) {
    yourCollection.fetch({data: {query: query}})
}

そしてあなたの見解では

initialize: function() {
   this.listenTo(yourCollection, 'sync', this.render)
}

したがって、ユーザーが検索フィールドでクリック/またはEnterキーを押すと、ルートの変更がトリガーされます。yourRouter.navigate("search/query/"+yourQuery, {trigger: true})