我在小提琴中工作得很好(我现在找不到),但是当我将它移到 VS2012 时,我收到错误“无法调用未定义的方法‘push’。
在下面的代码中,createItemDiv() 函数运行良好并创建了 UI 元素。在那之前的那一行,调用 this.visibleItem.push() 的 showItem() 引发了错误。我最初在小提琴中遇到了这个问题,并添加了“this”来修复它。如果我现在删除“this”,我会得到“visibleItem is not defined”。
视图模型.js
var dummyResults = [
{ //sample data is here }
]
var dummyItems = [
]
function VisibleItem(data) {
var self = this;
this.name = ko.observable(data.name);
this.type = ko.observable(data.type);
this.description = ko.observable("");
}
function SearchResult(data) {
var self = this;
this.name = ko.observable(data.name);
this.type = ko.observable(data.type);
}
var viewModel = {
searchResult: ko.observableArray(ko.utils.arrayMap(dummyResults, function (item) {
return new SearchResult(item);
})),
visibleItem: ko.observableArray(ko.utils.arrayMap(dummyItems, function (item) {
return new VisibleItem(item);
})),
showItem: function (item) {
this.visibleItem.push(item);
}
};
ko.applyBindings(viewModel);
网站.js
$(document).on('click', '.result', function () {
var item = ko.dataFor(this);
viewModel.showItem(item); //add item to "visibleItems" viewmodel for management
createItemDiv(item); //ui function to show item on screen
});