私は、learn.knockoutjs.comのチュートリアル「リストとコレクションの操作」のように、単純なリストを操作してきました。ユーザーが寄付の種類を選択して金額を入力し、寄付をリストに追加するリスト スタイルのアプリが必要です。
チュートリアルは、ボタンがクリックされたときに入力を追加することで機能します。代わりにテキスト値を行に追加する固定入力を使用する方法に苦労しています。
2 つの寄付が行われ、1、2、3 の 3 つの寄付タイプで選択が開始されたと仮定すると、UI は次のようになります。
Donation Type: [select: Donation 3]
Amount: [text: $100.00]
[button: Add Donation]
Donations:
Type Amount
-------------------------------
Donation 1 $10.00 [remove]
Donation 2 $20.00 [remove]
Total: $30.00
質問:
- 一度選択した寄付タイプを選択リストから削除する方法がわかりません。
- 寄付が削除された場合、その予約に関連付けられたタイプが選択リストに再表示され、新しい寄付で使用されます。これを行う方法もわかりません。
- ボタンが追加されると、リストにプッシュされるハードコードされた寄付を jsfiddle が使用することがわかります。寄付をリストにプッシュするときに select と input を参照して使用する方法がわかりません。
編集：
実際の使用例を示し、質問が何であるかを明確にするために、質問を更新しました。最初は、learn.knockoutjs.com のリストの例を使ったほうが簡単だと思ったのですが、混乱するだけだと思います。
私がやろうとしていることのJSフィドル。