Question

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

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

请提出您的想法。

Answer 1

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

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

您需要更改的代码位于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"));
}

你需要重写这个，以便它不会执行所有的find / replace / remove类，因为你需要保存这些代码来重新加载所有项目，并使用适当的句柄来附加formbuilder。

可以像我一样做，只需将var $ temptxt保存到数据库中，然后再进行清理。

预先在Bootstrap Form Builder中填充数据

1 个答案: