0

编辑：在 EDIT1 下更好地澄清了问题。

我正在尝试构建的视图的简要描述。在页面加载时，会从 Model 填充一个列表框。它们是列表中的单选按钮。

单击单选按钮时，我进行 jQuery AJAX 调用以获取另一个列表以从中选择值。然后用户将选择项目并将它们添加到页面上的第三个列表框中。

目前，在单选按钮上单击我会得到用户可以从中选择的值列表。

我还想做的是使用从 Controller 操作中获得的值更新当前模型。并随着用户不断从第二个列表中选择值，继续向模型属性添加值。在最终提交期间，所有这些值都应该可供控制器使用。

到目前为止，我只有以下代码工作：

$('.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 调用并获取可用产品并将它们显示在列表中。用户选择他们想要的产品并单击“添加产品”按钮。这将填充第三个列表。并重复。

现在，在最终提交时，我希望能够遍历用户选择的所有产品及其相关的类别和子类别。

我在 C# 代码中定义了我的模型。当用户不断选择类别/子类别和可用产品时，我应该如何更新模型？

4

0 回答 0