Backbone.js 和层次结构/树

我正在开发一个应用程序，该应用程序需要一个表单，允许用户管理任意深度的产品类别层次结构。我可以很容易地将数据加载到页面上，但我有点不知道需要做什么才能使这样的东西与backbone.js一起工作。基本上，我正在寻找嵌套的 UL。当用户选择一个类别时，我希望他们能够编辑/删除该类别或在其下方添加另一个类别。

我无法在网上找到某人在backbone.js 中具有相同数据类型的任意深度层次结构的案例。我会让我的模型类包含我的集合类的实例吗？如何实现节约？我知道这是一个有点广泛的问题，但我主要需要一些关于如何解决这个问题的一般建议（或者更好的是，我没有看过的某个示例）。

您可以将树建模为具有父子链接的项目集合。所以你的模型应该有这样的东西：

      id:           id,
      parent_id:    parent_id 

然后使用 JS 中的递归函数调用从集合构建一棵树。这是一段实时代码：

 function buildTree(branch, list) {
  //recursively builds tree from list with parent-child dependencies
  if (typeof branch == 'undefined') return null;
  var tree = [];
  for(var i=0; i<branch.length; i++)      
    tree.push( {
      item: branch[i],
      children: buildTree( list[ branch[i].id ], list)
    });
  return tree;
}

在使用 underscore.js（无论如何这是backbone.js的先决条件）通过parent_id调用函数组项目之前，然后调用：

  var list = _.groupBy(arrayOfItems,'parent_id');
  var tree = buildTree(list[0],list); 

最后，再次使用递归函数调用渲染树（这里没有示例，但我相信您已经明白了）。

附言。如果您指定正确的parent_id，添加/保存项目应该不是问题。