jquery - 在 Bootstrap Form Builder 中预填充数据

Question

这是一个不错的表单生成器。我只想知道如何在页面加载时显示表单数据。假设任何用户已经生成了一个表单并将数据保存到数据库中，下次如果用户想要编辑表单，那么应该预先填充表单的所有结构，以便用户可以进行更改并再次保存。

http://bootstrap-forms.heroku.com/

请提出你的想法。

Answer 1

我能找到的最好的方法（我在自己的项目中做过）是大量修改脚本。当脚本生成代码时，它会从代码中删除所有表单构建器标签。您需要更改脚本，使其生成两个表单代码：

1. 可以从数据库中重新加载并再次编辑的代码
2. 实际上是功能性前端表单的代码

您需要更改的代码位于 formbuilder JS 文件中，或多或少围绕此构建：

var genSource = function(){
var $temptxt = $("<div>").html($("#build").html());
//scrubbbbbbb
$($temptxt).find(".component").attr({"title": null,
  "data-original-title":null,
  "data-type": null,
  "data-content": null,
  "rel": null,
  "trigger":null,
  "style": null});
$($temptxt).find(".valtype").attr("data-valtype", null).removeClass("valtype");
$($temptxt).find(".component").removeClass("component");
$($temptxt).find("form").attr({"id":  null, "style": null});
$("#source").val($temptxt.html().replace(/\n\ \ \ \ \ \ \ \ \ \ \ \ /g,"\n"));
}

您需要重写它，以便它不会执行所有查找/替换/删除类，因为您需要保存该代码以使用适当的句柄重新加载所有项目，以便表单构建器附加到。

可能可以像我一样做，只是在彻底清除之前将 var $temptxt 保存到数据库中。