如何使用 Phonegap + jQuery Mobile 呈现动态表单？答案

【问题标题】：How to render a dynamic form with Phonegap + jQuery Mobile?如何使用 Phonegap + jQuery Mobile 呈现动态表单？
【发布时间】：2012-11-26 07:19:33
【问题描述】：

我正在使用 Phonegap + jQueryMobile 开发一个 iPhone 和 Android 应用程序，该应用程序接收一个 JSON 格式，其中包含以前由我的 ruby on rails Web 应用程序生成的表单。

问题是，表格太大了。它有很多字段（有很多类型），目前在我的 Phonegap 应用程序中加载（呈现）这个表单需要太多时间，更糟糕的是有时应用程序会中断。

你知道我该如何解决这个问题吗？

【问题讨论】：

标签： json cordova jquery-mobile cross-domain

【解决方案1】：

这是一个长镜头，但您可以尝试执行以下操作：

使用 JSON 仅检索字段 data（而不是整个表单 HTML）。
通过 JavaScript 生成整个表单并使用 JSON 数据填充字段。不要一次性设置整个 HTML。而是使用 appendChild 插入准备好的元素。

这种方法需要一些时间来开发，但它可能会加快您的应用程序。

【讨论】：

Tanzeel Kazi，谢谢伙计，但我已经尝试过这样做，问题是字段和数据形式太多。我有另一个想法，只加载一些表单部分，当用户滚动到页面末尾时，我会加载更多部分，例如 twitter 的分页模式。无论如何，我会尝试，然后如果有效，我会在这里发布。

【解决方案2】：

我找到了一个好方法。我将 html 表单部分存储在数据库表中，然后通过 AJAX 加载每个部分。它适用于我的 Phonegap 应用。

【讨论】：