Javascript 如何在主干中创建嵌套列表模型

我想使用主干创建一个如下所示的菜单

• 新闻
  • 本地的
    • 第一条新闻
    • 第二条新闻
  • 全球的
    • 第一条新闻
    • 第二条新闻
• 故事

我已经写了一些代码如下，但它不工作

//create a menu which has a list of item
var MenuList = Backbone.RelationalModel.extend({
     relations: [{
         type: Backbone.HasMany,
         key: 'itemList',
         relatedModel: 'MenuItem',
         reverseRelation: {
             key: 'upperItem',
             },
     }]

});

//each item can be menu list
var MenuItem = Backbone.RelationalModel.extend({
     relations: [{
         type: Backbone.HasOne,
         key: 'subMenu',
         relatedModel: 'MenuList',
         reverseRelation: {
             key: 'upperItem',
             },
     }]

});

---

任何帮助都将不胜感激。或者任何基于主干的框架都可以满足要求？谢谢。

为什么要使用主干网？菜单的内容是来自API还是其他什么？如果不是，为什么要使用一个简单菜单的框架？我看不出有什么好处。