I have a value and a list that I need to update from within an Ajax callback. After retrieving a fresh value using .get(), I try to assign it to my view model's property, but the UI does not refresh properly. Below is the code snippet:
function SearchViewModel() {
this.count = ko.observable(count);
this.list = ko.observableArray(list);
this.addPage = function() {
var form = $('#form');
var serializedData = form.serialize();
$.get("{% url 'search:search' %}", serializedData, function(response){
console.log(this.count); // returns undefined
this.count = response.count;
console.log(this.count); // now has the correct value, e.g. 20, but UI does not update
});
};
}
In addition to updating the count, I also want to modify the list in the callback. However, currently even updating the simple count value is not reflected on the UI. Despite trying various solutions found on stackoverflow, none of them seem to work.