編集: 問題のより明確な説明は、EDIT1 の下にあります。
構築しようとしているビューの簡単な説明。ページの読み込み時に、モデルからリスト ボックスが取り込まれます。これらは、リスト内のラジオ ボタンです。
ラジオ ボタンをクリックすると、値を選択するための別のリストを取得するために jQuery AJAX 呼び出しを行います。ユーザーがアイテムを選択すると、ページの 3 番目のリスト ボックスに追加されます。
現在、ラジオボタンをクリックすると、ユーザーが選択できる値のリストを取得します。
また、Controller アクションから取得した値で現在のモデルを更新することも必要です。ユーザーが2番目のリストから値を選択し続けると、モデルプロパティに値を追加し続けます。そして、最終的な送信中に、これらすべての値がコントローラーで利用可能になるはずです。
これまでのところ、以下のコードのみが機能しています。
$('.radioSelected').click(function () {
var radioValue = (this).value;
$.ajax({
type: "POST",
url: '/Wizard/GetListItems/',
data: JSON.stringify({ "id": radioValue}),
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
if (data.length > 0) {
var newHtml = "<ul>";
$('#AvailableValues ul').remove(); //Remove previous values
$.each(data, function (index, item) {
newHtml += "<input type=\"checkbox\" id=" + item.ClientID + " value=" + item.ClientName + " />";
newHtml += "<span>" + item.ClientName + "</span> <br/>";
});
**//WANT TO UPDATE THE MODEL HERE.**
//Append here.
$('#AvailableValues').append(newHtml );
}
else {
}
},
error: ajaxErrorHandler
});
});
私はこれにちょっと慣れていません。そのため、どこを探すべきか、これにどのようにアプローチするかについての提案も得られるとよいでしょう。同様に、ユーザーが選択するたびにモデルを更新し続けるにはどうすればよいですか?
{SO に関する多くの質問を調べました}。ありがとう。
EDIT1：私が達成しようとしていることをより明確にするために、ページの読み込み時に、カテゴリとサブカテゴリのリストを作成します（同じリストにインデントされて表示されます）。サブカテゴリの選択では、jQuery ajax 呼び出しを行い、利用可能な製品を取得してリストに表示します。ユーザーは、必要な製品を選択し、[製品を追加] ボタンをクリックします。これにより、3 番目のリストが作成されます。そして繰り返す。
さて、最後の送信で、ユーザーが選択したすべての製品と、それに関連するカテゴリとサブカテゴリを繰り返し処理できるようにしたいと考えています。
モデルを C# コードで定義しました。ユーザーがカテゴリ/サブカテゴリと利用可能な製品を選択し続けるときに、モデルを更新するにはどのようにアプローチすればよいですか?