使用jQuery来回传递MVC模型

时间:2012-08-18 00:31:56

标签: jquery asp.net-mvc-4

编辑:在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#代码定义的。当用户继续选择类别/子类别和可用产品时,我应该如何更新模型?

0 个答案:

没有答案