backbone.js - Backbone.js Task App グループ化されたビューはどのように見えるべきか

Question

私は楽しみのために Backbone.js でタスク アプリを開発しています。機能の 1 つはグループ化されたビューです。グループ化されたビューには、完了ステータスに従ってグループ化されたタスクが表示されます。現在、コレクションからグループ化されたオブジェクトを構築できます。ビューを構築することは、私にとって些細なことになりました。これは、ビューをどのように見せたいかのスナップショットです

Completed Tasks

- Water the Garden

- Clean my closet

Pending Tasks

- Watch Whose line is it anyway

グループ化後の JSON は以下のとおりです

{
    "true": [{
        "Name": "Finished Demo",
        "Done": true,
        "id": "4b3d8d3d-637c-fd5d-034b-b275b5f00e05"
    }, {
        "Name": "This is a new task",
        "Done": true,
        "id": "db5b379f-6f96-346d-4945-baf2d5ac0c76"
    }, {
        "Name": "Clean the closet",
        "Done": true,
        "id": "3b5091e5-a8df-845b-3c6d-2185187eb456"
    }],
    "false": [{
        "Name": "Edited another new task",
        "Done": false,
        "id": "0ee399b2-8fd9-84f2-735e-902d09c625a1"
    }]
}

上記のグループ化された json に基づいて UI のテンプレートを作成する方法が思いつきません。_.templateテンプレートの目的でunderscore.jsを使用していると仮定します。

• テンプレートの外観