DOMオブジェクトをdiv（propertyeditor）にアタッチする方法

Question

私はJavascriptで小さなプロパティエディタを構築しています。 div内に "<div>"を描画するためのプロパティ（x、y、幅、高さ）を持つオブジェクトのリストがあります。私は、ユーザーが画像/ divをドラッグできるようにしています。

これらのオブジェクトはすべてリストに含まれており、リストを走査してビューをレンダリングします。ビューの隣には、プロパティを持つ小さなエディタがあります。これらの要素の複数をエディタ/ビューアに追加したり、さまざまな種類のもの（テキストや画像、将来は他のもの）を追加できます。

私の質問はこれです：

「最初/トップ」ボックスの（X座標のような）プロパティを編集するとき、それだけで対応する更新するように私はそれを作るにはどうすればよいですリスト内のオブジェクト（ビュー内ではなく、ビューはオブジェクトのリストからレンダリングされているだけです）。実行時にこれらをすべて追加しています。サーバーへのラウンドトリップはありません。私は各項目にセーブボタンを持っているのですばらしいです。

Answer 1

要素を作成してプロパティエディタを作成するときに、いくつかの名前パターンを使用できます。例：新しい画像要素ボタンをクリックすると、id：el_img_01の画像要素とid：el_img_prop_01という対応する画像要素のプロパティエディタが作成されます。

したがって、すべての画像が（el_img_、el_img_prop_）、プロパティエディタのimg要素を知るために、プロパティエディタIDを読み込み、idから 'prop'テキストを削除して、 DOM要素。ここ

Answer 2

いくつかのステップは：

1. あなたは、例えば、1 id要素を識別するための方法が必要です。
2. 1つの要素を選択でき、 に注意する必要があります。たとえば、idのすべてを含むselectを置くことができます。
3. 要素を選択することができます。formの値を にロード/保存するだけで済みます。