0

ある種の建物/キャンパス構造に従うデータ(単一の静的jsonファイルから取得)を使用して、読み取り専用のバックボーンアプリを構築しています。あれは:

[{
    "name": "Building Name",
    "id": "building",
    "floors":[{
        "name":"Ground Floor",
        "rooms":[{
            "name": "Room 1"
        },
        {
            "name": "Room 2"
        }]
    },
    {
        "name":"First Floor",
        "rooms":[{
            "name": "Room 3"
        },
        {
            "name": "Room 4"
        }]
    }]
    },
    {
    "name": "Another Building",
    "id": "building_2",
    "floors":[{
        "name":"Ground Floor",
        "rooms":[{

        }]
    },
    {
        "name":"First Floor",
        "rooms":[{

        }]
    }]
}]

私は現在、デフォルトの''ルート上の各建物の建物とフロアのリストを表示する基本的なアプリを設定しています。

APP /#buildingId /が「buildingId」の建物のフロアのリストを表示し、APP /#buildingId /#floorIdが関連する部屋のリストなどを表示するようにルーターを使用したいと思います。

現在のコードのJSBIN(data.jsonなし)-http ://jsbin.com/welcome/5850/edit

多くのコードはおそらく時代遅れですが、私はモデル/コレクションを構造化するためにさまざまな方法を試していました。このアプリは読み取り専用になることはありません。そのため、静的ファイルを使用しました。


同様の問題:JSONを使用してインタラクティブなBackbone.jsアプリを強化する方法

提示されたソリューションは、ルーターをまったく使用していません。

4

1 に答える 1

1

これはあなたが求めているものですか?:

// code simplified and no tested
App.Router = Backbone.Router.extend({

  routes: {
    "/APP/:buildingId/:floorId":  "showRooms",
    "/APP/:buildingId":           "showFloors"
  },

  showRooms: function( buildingId, floorId ) {
    // code to show the rooms
  },

  showFloors: function( buildingId ) {
    // code to show the floors
  },

});

それとも私は何かが足りないのですか?

于 2012-07-29T20:08:36.183 に答える