Backbone.jsを使用してurlを以前のものにサイレントに変更する

Question

Backbone.jsを使用すると、ルータを元の場所に移動することはできますか？ポップアップが表示されたときにURLを変更し、ポップアップを非表示にしたときにそのURLを変更したい場合に使用します。ポップアップを表示する前にバックグラウンドページを正確に同じ位置に保ちたいので、私は単に元に戻ってはいけません。

Answer 1

あなたはBackbone.Routerを延長し、ナビゲーション中のすべてのルートを格納することによってこの問題を解決することができます。あなたのモーダルを却下しなければならないとき

class MyRouter extends Backbone.Router 
    constructor: (options) -> 
    @on "all", @storeRoute 
    @history = [] 
    super options 

    storeRoute: -> 
    @history.push Backbone.history.fragment 

    previous: -> 
    if @history.length > 1 
     @navigate @history[@history.length-2], true 

そして、単にそれが戻って最後の「ハッシュ」にリダイレクトされますMyRouter.previous()メソッドを呼び出します。

Answer 2

あなたのポップアップまたはオーバーレイのonCloseEventでルートをトリガーすることができます：

router.navigate('/lasturl/'); 

これでURLが設定されます。 2番目のパラメータとしてtrueを渡すと、routesアクションも実行されます。それ以外の場合、ページは変更されません。

http://documentcloud.github.com/backbone/#Router-navigate

Answer 3

私はmateusmasoの答えはほとんど正しいと思っていますが、あなたが探している正しいURLを常に得ることができます。

まずあなたがbeforeRouteメソッドの火を持っているルートメソッドをオーバーライドする必要があります。

route: (route, name, callback) => 
    Backbone.Router.prototype.route.call(this, route, name, => 
    @trigger('beforeRoute') 
    callback.apply(this, arguments) 
    ) 

次にあなたがイベントを結合して、歴史のインスタンス変数を初期化します。

initialize: (options) ->  
    @history = [] 
    @on "beforeRoute", @storeRoute 

次のヘルパーメソッドを作成しますフラグメントの保存と取得：

storeRoute: => 
    @history.push Backbone.history.fragment 

previousFragment: => 
    @history[@history.length-2] 

最後に、再ロードせずにURLを変更して結果のフラグメントを保存するために使用できる最終的なヘルパーメソッドが1つ必要です。ポップアップを閉じるときにこれを使用する必要があります。そうでない場合は、ユーザーが他の場所をナビゲートしなくてもポップアップを再び表示した場合、ヒストリに期待されるフラグメントはありません。これは、 "trigger：true"を指定しないでnavigateを呼び出すと、イベントハンドラがトリガされてフラグメントを格納しないためです。

changeAndStoreFragment: (fragment) => 
    @navigate(fragment) 
    @storeRoute() 

Answer 4

この回答は質問には当てはまらないかもしれませんが、ほとんど同じ問題です。後続のスラッシュのために、私は前のルートまたはカスタムルートに静かにナビゲートできませんでした。ルート機能が起動されないようにするには、{trigger:false}を使用するか、またはfalseがデフォルトの動作であるためにトリガーを使用しないでください。ルートが '＃/ something'（スラッシュに注意してください）の代わりに#somethingで始まることを確認するか、ルータ部分のBackbone.js内のregExを変更してください。