Javascript 将表单样式页面转换为多级表-维护多种视图模式-支持编辑和重新排列元素

Javascript 将表单样式页面转换为多级表-维护多种视图模式-支持编辑和重新排列元素,javascript,jquery,html,templates,backbone.js,Javascript,Jquery,Html,Templates,Backbone.js,我有一个表单样式页面,其中有无数个字段集相互嵌套。一个例子可能是这样的(他们的实际HTML并不重要,但如果需要,我可以提供): 以下是我需要做的: 使其成为一个表,其中包含无限级别的嵌套表 允许在“表格视图”和“表格视图”之间切换 让用户根据自己的需要重新排列表格或表单。。。换句话说,他们需要能够将FS3 Item2移动到FS1 Item2的新FS2 Item3。然后,如果用户更改了他们的“视图模式”,那么更改需要反映在另一个视图中 “表单视图”已经有了编辑模式。它也需要在“表视图”中工作,并且

我有一个表单样式页面,其中有无数个字段集相互嵌套。一个例子可能是这样的(他们的实际HTML并不重要,但如果需要,我可以提供):

以下是我需要做的:

  • 使其成为一个表,其中包含无限级别的嵌套表
  • 允许在“表格视图”和“表格视图”之间切换
  • 让用户根据自己的需要重新排列表格或表单。。。换句话说,他们需要能够将
    FS3 Item2
    移动到
    FS1 Item2
    的新
    FS2 Item3
    。然后,如果用户更改了他们的“视图模式”,那么更改需要反映在另一个视图中
  • “表单视图”已经有了编辑模式。它也需要在“表视图”中工作,并且再次在两种视图模式下无缝渲染
  • 我想我可以自己编写代码来完成“表视图”的初始渲染(事实上我已经有了),但是我需要一些东西来简化并将视图渲染联系在一起。我发现唯一合适的是backbone.js及其组件。有人能帮我指出正确的方向吗?我以前从未使用过backbone.js,因此,如果解决方案涉及backbone.js或其他模板系统,我非常希望能够进行一点演练

    FS1 Item1
    FS1 Item2
          FS2 Item1
          FS2 Item2
    FS1 Item3
    FS1 Item4
    FS1 Item5
          FS2 Item1
                FS3 Item1
          FS2 Item2
          FS2 Item3
                FS3 Item1
                FS3 Item2
                      FS4 Item1
                      FS4 Item2
                FS3 Item3
          FS2 Item4
    FS1 Item6