Question

我的模型具有显示在屏幕上的字段，以及显示在屏幕上的网格中的列表。我有一个添加按钮，显示模式弹出窗口（没有回发），允许用户输入几个字段，然后单击“保存”。目前，我使用JSON回调给我的控制器来保存数据。然后我重新加载屏幕，新项目出现在网格中，因为它保存到数据库，模型重新加载。

问题是，如果用户对模型中的主要细节进行了任何更改，它们就会丢失，因为所有JSON调用都是将新项目保存到数据库，然后重定向到重新加载的主屏幕。

我需要做的是以某种方式，将新项目从弹出窗口添加到主模型，然后重新加载网格，而不保存到数据库，也没有回发。

我从视图中发布数据的javascript如下所示：

<script type="text/javascript">
    $(document).ready(function () {
        $('.btnSubmitNewCard').click(function () {
            var data = { cardNumber: $('.txtNewCardNumber').val(), cardHolder: $('.txtNewCardHolder').val(), expiryMonth: $('.txtNewExpiryMonth').val(), expiryYear: $('.txtNewExpiryYear').val(), active: $('.txtNewActive').val(), accountId: $('.Id').val() };

            $.ajax({
                url: '@Url.Action("SaveBankCard", "BankAccount")',
                type: "POST",
                contentType: "application/json",
                data: JSON.stringify(data),
                cache: false,
                async: true,
                success: function (result) {
                    if (result.Success == 'true') {
                        window.location = '@Url.Action("EditBankAccount", "BankAccount", new { bankAccountId = Model.Id })';
                        } else {
                            alert(result.Message);
                        }
                    },
                error: function () {
                    alert("Oh no");
                }

            });
        });
    });
</script>

然后处理此问题的控制器方法如下所示：

public JsonResult SaveBankCard(string cardNumber, string cardHolder, int expiryMonth, int expiryYear, string active, int accountId)
{
    var card = new AccountCardDto
    {
        Id = 0,
        AccountId = accountId,
        Active = active == "on",
        CardHolderName = cardHolder,
        CardNumber = cardNumber,
        ExpiryDate = new DateTime(2000 + expiryYear, expiryMonth, 1)
    };

    var id = new BankAccountService().SaveCard(card);

    var result = new { Success = "true", Message = "Saved", NewId = id };
    var r = new JsonResult
    {
        Data = result
    };

    return r;
}

因此，数据保存在控制器中，然后Javascript重定向到roload整个屏幕。是否可以更改为将数据保存到模型的列表客户端，然后通过屏幕上的一个“保存”按钮保存包含更改和添加内容的整个模型？是否可以添加到Model的List客户端？

Answer 1

尝试像这样的json脚本

$('#ddlCompany').change(function () {
            //var URL = $('#Enrollform').data('fetchproduct');
            $.getJSON('/EnrollmentForm/fetchproduct/' + $('#ddlCompany').val(), function (data) {
                var items = '<option>Select a Product</option>';
                $.each(data, function (i, product) {
                    items += "<option value='" + product.Value + "'>" + product.Text + "_" + product.Value + "</option>";
                });
                $('#ddlProduct').html(items);
            });
        });

使用JavaScript </item>将项添加到Model.List <item>

1 个答案: