通过GUI动态生成HTML表格

Question

我正在创建一个系统，用户可以创建一个调查。我正在尝试制作一个表格，它需要相当广泛，包括input s，select s，textarea s和其他表单元素。

现在，我使用jQuery的模板引擎，但它变得非常乱，我觉得有一个更好的方式来做到这一点。

用户需要可以添加，编辑和删除的问题&他们的选择（答案）。他们还需要能够指定问题类型（多选，范围滑块，简短答案等），并且需要支持图片上传。

我搜索了Google，但没有找到我要找的内容。有没有一个现有的js库或框架可以用来在DOM中轻松添加删除元素，同时跟踪元素类型和层次结构？或者也许我可以使用的API？我不想重蹈覆辙。

Answer 1

上次我需要这个，我用了jQuery Form Builder plugin。它甚至还带有自己的数据库内容，用于存储表单和自己的HTML渲染器以进行输出。好吃！

Answer 2

我想你可能最终会发明自己的解决方案，但它可能不会重新发明。

我认为最好的解决方案是为你制作一个DSL（域特定语言），在Javascript中你可以看到一些幻灯片：http://ajaxian.com/archives/metaprogramming-dsl-javascript-presentation。在这个另外一个不错的博客是：http://www.mailsend-online.com/blog/a-dsl-in-javascript.html

通过这种途径应该简化设计，同时使它灵活，因为你的愿望。

Answer 3

https://github.com/powmedia/backbone-forms怎么样？