通過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怎麼樣？