使用 Ajax 形式挖空推送新数组项
本文关键字:新数组 数组 Ajax 使用 | 更新日期: 2023-09-27 18:32:54
我的应用程序是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");
}
}