私のコードは何をしますか：
- 「アイテムを追加」ボタンを押すと、フォームを含むポップアップ (#addquoteitem) が表示されます
- そのフォームの送信 1. テンプレートからテーブルに新しい行を作成し、2. 非表示の入力 (jsfiddle では非表示ではない) を作成します。これがデータをサーバーに送信する最も簡単な方法だと思ったからです。
- 「見積もりを送信」ボタンは、「隠し入力」フォームを介してこれらの各行を個別にサーバーに送信します
私は完了するまで気づきませんでした (私は最初の大きなプロジェクトに取り組んでいます)。ユーザーは個々のアイテムを編集できません!!!
私がすべきだと思うこと：
- ポップアップを表示する各行に編集ボタンを追加します。これは、jquery を使用して対応する行の値を変更します。
- 次に、最後の「見積もりの送信」ボタンが押されるまで「隠し入力」が作成されないように変更します。
JSFIDDLE http://jsfiddle.net/SteveRobertson/XHuVS/1/ JSFIDDLE
私の質問:私のアプローチは正しい方法ですか? そうではないと思うので聞いただけですが、自分を隅に追いやったような気がします。どうすればいいのかわかりません。そうでない場合。サーバーに送信できるように行を動的に編集する正しい方法は何ですか? テンプレートに対してこの関数を呼び出すとき、各行に一意の ID を与えるために何らかのカウンターを追加する必要があると思いますか、それとも別の方法で行を識別できますか?
function template(row, quoteItem) {
row.find('.item_num').text(quoteItem.number);
row.find('.item_desc').text(quoteItem.description);
row.find('.item_price').text(quoteItem.price);
return row;
}
私のアプローチに伴うほとんどの方法を正確に行う方法はわかりませんが、正しい方向へのポイントを尋ねるだけです. これは長い質問であり、長いコードであることも理解しています。時間を割いてこれをお読みいただき、ご意見やアドバイスをいただければ幸いです。ありがとうございました。