用JavaScript从JSON或类似数据生成/渲染动态HTML表单？

Question

我想提供一个根据用户输入进行修改的联系表格。这样的表格示例可以在Ext JS网站上找到。 我没有研究过该产品，但我想知道是否有其他程序/函数可以动态生成这样的表格？我只发现了在现有表单中添加其他输入元素的示例。

- none

Answer 1

以下是其他实现：

• http://neyeon.com/p/jquery.dform/（需要使用jQuery）
• http://neyric.github.com/inputex/（需要使用YUI）
• http://robla.net/jsonwidget/

我还计划将此功能添加到我的js-forms库中，该库还将处理验证。

- Jonny Buchanan

---

jquery.dform可以从JSON结构生成表单，但不具备自适应功能。jsonwidget可以生成表单并允许实时编辑表单/JSON对象。inputex也可以从JSON生成表单，并具有实时编辑器。谢谢。 - none

你说的“不适应”是什么意思？ - Daff

@Jonny，你提供的三个链接都已经失效了。你能帮我吗？我正在尝试使用jQuery表单构建器制作HTML表单。 - Viral

Answer 2

您可以使用JavaScript创建任何DOM结构，例如添加输入或添加FORM元素。当然，这取决于您在服务器端使用什么来处理表单数据以及如何处理它。

也许我没有理解您问题的本质，因为您的解释不太清楚。

ExtJS是一个JavaScript库，完全在客户端上执行。它还提供了通过提供Javascript配置对象快速创建用户界面的能力，从而生成丰富的小部件。

您也可以使用jQuery（和jQueryUI）完成很多工作，但是如何完成取决于您。 ExtJS具有非常功能丰富和视觉上一致的客户端控件/小部件集，您可以直接使用，无需进行大量的额外开发（更不用说与自定义开发相关的错误处理了）。

例如：在编写Asp.net MVC应用程序时，很容易发出Ajax调用，该调用将返回所谓的局部视图的HTML，其中包含您的表单的完整HTML，然后您可以轻松地在模态对话框中显示它。

如果您确实需要所有这些功能来创建类似桌面的应用程序，则建议您深入研究ExtJS，因为它绝对是一个非常好的产品。我大约3年前在某个项目中使用过它（版本2），并对他们所做的工作感到惊讶。这是一个非常功能丰富的产品，使创建类似桌面的Web应用程序变得非常容易。

但是，如果您想要一个普通的网站，那么桌面式体验可能不是您应该给访问者的体验。

- Robert Koritnik