0

これは素晴らしいフォームビルダーです。ページの読み込み時にフォームデータを表示する方法を知りたいだけです。ユーザーがフォームを生成し、データをデータベースに保存したとします。次にユーザーがフォームを編集したい場合は、ユーザーが変更を加えて再度保存できるように、フォームのすべての構造を事前に入力する必要があります。

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

あなたのアイデアを提案してください。

4

1 に答える 1

0

これを行うために見つけた最善の方法 (私は自分のプロジェクトで行いました) は、スクリプトを大幅に変更することでした。スクリプトがコードを生成すると、コードからすべてのフォーム ビルダー タグが削除されます。2 つのフォーム コードを生成するようにスクリプトを変更する必要があります。

  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 をデータベースに保存することができるかもしれません。

于 2012-11-01T16:28:21.227 に答える