对JavaScript表单构建器的建议?

时间:2009-05-18 19:41:14

标签: javascript javascript-framework

我希望将表单生成器集成到我正在使用的站点中,但我希望找到一个具有我正在寻找的部分或大部分功能的库。

我正在寻找一个能够为我提供构建表单的精美GUI以及我可以在django后端使用的JSON(或XML或类似)输出的库。我打算使用django输出完成的表单。

我尝试通过Google运行此功能,但这只会让那些通过在线创建和托管表单而创建业务的公司获益。但没有任何形式的图书馆。

有什么建议吗?

12 个答案:

答案 0 :(得分:16)

我有同样的要求,

我会随着时间的推移更新这个答案,但引导表单构建器(PHP)似乎很好

https://github.com/minikomi/Bootstrap-Form-Builder 演示:http://minikomi.github.io/Bootstrap-Form-Builder/

答案 1 :(得分:10)

如果你不介意花一点钱,你可以看看:

Machforms:http://www.appnitro.com/

表单生成器本身完全是客户端JS,所以你只需要将输出(即JSON)发布到django而不是他们的php脚本。

答案 2 :(得分:8)

刚刚弹出的新JS库可能就是您要找的东西:http://dobtco.github.io/formbuilder/

项目页面:https://github.com/dobtco/formbuilder

答案 3 :(得分:5)

答案 4 :(得分:5)

由于我还没有使用过,所以不确定Django的内容,但你可能想看看AlpacaJS:http://www.alpacajs.org/

答案 5 :(得分:4)

我会推荐真棒ExtJS framework来构建这样的应用程序。 这是一个例子。

ext/formbuilder

添加表单面板,然后删除文本框等等...简单。 Ext JS 2.2和3.0(还没有准备好)是LGPL和GPL许可的,你也有商业订阅,我认为值得一看。

答案 6 :(得分:3)

SpiffForm类似于Appnitro,但是免费(AGPL),也许它符合您的需求。

欢迎补丁:-)。 (我是作者。)

答案 7 :(得分:1)

去年有一个谷歌Summer Of Code项目使用Dojo JavaScript工具包构建了一个拖放表单编辑器。就我猜你想要的功能而言,它不是100%完整的。

它会转储一个表示表单的javascript对象,您可以将其转换为JSON以通过网络发送。

根据您的JavaScript技能设置,它可以帮助您解决问题。

演示在这里: http://jbalogh.dojotoolkit.org/dojo-svn/release/dojo/soc/test.html

工作人员的博客帖子: http://www.dojotoolkit.org/blog/jbalogh

答案 8 :(得分:0)

我认为没有任何你想要的东西;可能最接近的是富文本编辑器,如FCKEditor或TinyMCE。这些库有点像你用来在StackOverflow中编写问题的UI,除了它们有不同FORM元素的工具栏按钮(如果没有,你可以轻松地添加它们)。

面对其中一个编辑器的用户(假设您已将其配置为具有FORM元素的按钮)将能够布置基本上没有技术知识的表单。

但是,如果富文本编辑器不适合您,那么您基本上不习惯使用类似jQuery UI库(我主要考虑Draggable子库)来构建您自己的解决方案。

答案 9 :(得分:0)

这取决于你是否准备自己编程。你想要它有多动态?如果您想要使用GWTDojoyour-favorite-js-library,那么简单的表单构建器就不应该太难编程。我推荐GWT,因为它非常有趣,使用简单,并且可以解决浏览器之间的不兼容问题。

以下是对每个表单/问题的可能输入的一些想法:

  • 单行(名称等)
  • RichTextArea(类似于FCKEditor)
  • 日历日期/时间
  • 多个选项(复选框)
  • 单个选项(列表选择器)

每个输入都需要相应的问题或标签。这些需要在Django的Model中处理,并在表单视图(和编辑器)中表示。

我建议您查看how to embed a GWT application into existing templates/html以及如何communicate between django and GWT using json

希望这有帮助,

答案 10 :(得分:0)

我使用的是JSF,你可以使用这个formbuilder组件:

http://code.google.com/p/jsf-form-builder/

这里有一个演示:

http://www.reppe-itsolutions.at/jsf-form-builder/

答案 11 :(得分:-2)

也许这不是正确的答案,但无论如何看一看,它真棒: 你在Java服务器上放了一些非常清晰易读的代码,你就得到了一个完整的AJAX / Javascript表单。 只需看一下演示here 我发誓真的,真的很棒。

奥利弗