编辑:在EDIT1下更好地澄清问题。
我正在尝试构建的视图的简要说明。 在页面加载时,将从模型中填充一个列表框。它们是列表中的单选按钮。
单击单选按钮,我进行jQuery AJAX调用以获取另一个列表以从中选择值。然后,用户将选择项目,它们将被添加到页面上的第3个列表框中。
目前,点击单选按钮我会得到用户可以选择的值列表。
我还想做的是使用我从Controller操作获得的值更新当前模型。当用户继续从第二个列表中选择值时,继续向model属性添加值。 在最终提交期间,所有这些值都应提供给财务主任。
到目前为止,我只得到以下代码:
$('.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个列表。并重复一遍。
现在,在最终提交时,我希望能够遍历用户选择的所有产品及其相关类别&amp;子类别。
我的模型是用C#代码定义的。当用户继续选择类别/子类别和可用产品时,我应该如何更新模型?