使用 Ajax 形式挖空推送新数组项

Knockout push new array item using Ajax form

本文关键字：新数组 数组 Ajax 使用      更新时间：2023-09-26

我的应用程序是MVC 5 c#，我使用以下形式来更新表：

  @using (Ajax.BeginForm("AddOha", "Medication", new AjaxOptions()
{
    UpdateTargetId = "result",
    OnSuccess = "getresult",
    HttpMethod = "POST"
}))
{
    <input id="MedName" name="MedName" value="" class="input-sm form-control" style="width: 100px" placeholder="Value"/>
    <input type="submit" value="Save" class="btn btn-primary"/>
}

这是我的淘汰赛名单：

<tbody data-bind="foreach: OhaList">
    <tr>
        <td>
            <input data-bind="value: Name" class="input-sm form-control" style="width: 100px" placeholder="Value" />
        </td>
    </tr>
</tbody>

下面是视图模型：

var ViewModel = function() {
    var self = this;
    this.OhaList = ko.observableArray([]),
        $.ajax({
        type: "GET",
        url: '@Url.Action("xxx", "xxx")',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {
            self.OhaList(data);
        },
        error: function (err) {
            alert(err.status + " : " + err.statusText);
        }
    });
    var ohaMed = {
        Name: self.Name
    };
self.ohaMed = ko.observable();
}
    ko.applyBindings(new ViewModel());

我尝试使用以下方法更新列表：

var getresult = function(data) {
    if (data[0].Name !== "") {
        // alert(data[0].Name);
        ViewModel.OhaList.push({ Name: data[0].Name });
        // ViewModel.OhaList.push({ Name: "1});
    } else {
        alert("failed");
    }}

尽管我从控制器获得结果，或者即使我对值进行编码，也会收到以下错误：

Unable to get property 'push' of undefined or null reference

感谢您的建议。

您需要保留对视图模型的引用，这里有一种方法可以做到这一点：

window.viewModel = new ViewModel();
ko.applyBindings(window.viewModel);

然后在 getresult 函数中，您需要使用该 ViewModel 实例将值推送到，而不是 ViewModel 类型本身：

var getresult = function(data) {
    if (data[0].Name !== "") {
        // alert(data[0].Name);
        window.viewModel.OhaList.push({ Name: data[0].Name });
        // ViewModel.OhaList.push({ Name: "1});
    } else {
        alert("failed");
    }
}
相关文章：