Knockout.js mise à Jour ViewModel sur le bouton cliquez sur

Je suis nouveau à tout cela, mais si je suis en train de lire votre code correctement, vous appelez la fonction de demande sur une nouvelle instance de la vue modèle et non pas celui qui a été liée à un document html. Vous devez faire la demande d'appel sur le modèle de vue que vous avez créé après la phase initiale d'obtenir de l'appel est terminé.

Mise à jour:
Désolé, j'aurais dû être plus précis sur le code, j'ai fait référence. À la fin de votre bloc de code que vous avez le code suivant:

    $(".btn-default").click(function () {
days = $(this).val();
var uri = "/api/sales?days=" + days;     
new viewModel().request(uri);
});

Dans ce code, il semble que chaque fois que le bouton par défaut est sélectionné, un nouveau modèle de vue est créée et la fonction de demande est appelée sur ce modèle de vue.

Dans le document de prêt de la fonction où vous définissez ce qui se passe après la vente de données est chargé, vous avez le code suivant, qui est ce qui crée le modèle de vue que le document html est en fait lié à:

    var vm = new viewModel();
vm.salesdata(data.$values);
ko.applyBindings(vm);

N'y a jamais rien d'appels de la fonction de demande sur ce modèle de vue. Je me demande si vraiment ce que vous voulez, c'est en quelque sorte lier la fonction de demande dans ce modèle de vue sur le bouton par défaut.

OriginalL'auteur brader24

Bâtiment légèrement sur la réponse de @brader24 ici:

Dans votre mise à jour du bouton click cas, vous utilisez la ligne de code:

new viewModel().request(uri);

Ce qui est en train de faire est de créer un nouveau viewModel (distincte de celle que vous avez déjà instancié et ont appliqué les liaisons) et le remplissage il est observable tableau avec données par l'intermédiaire de votre request fonction. Il n'affecte pas l'original de votre viewModel à tous (celui qui a il des liaisons appliquée sur le DOM!). Donc, vous ne verrez pas toutes les erreurs, mais vous ne pouvez pas voir tout ce qui se passe sur la page, car vous n'avez fait que créer un nouveau viewModel dans la mémoire, le remplir avec des données, et ne rien faire avec elle.

Essayer ce code (tout ce qui est dans votre viewModel fonction a l'air bien).

$(document).ready(function () {
var vm = new viewModel(); //declare (and instantiate) your view model variable outside the context of the $.ajax call so that we have access to it in the click binding
$.ajax({
url: "/api/sales",
type: "GET",
cache: false,
}).done(function (data) {
vm.salesdata(data.$values);
ko.applyBindings(vm);
}).error(function (xhr, status, error) {
var err = eval("(" + xhr.responseText + ")");
alert(err.Message);
});
//Here i'm calling for ViewModel update
$(".btn-default").click(function () {
days = $(this).val();
var uri = "/api/sales?days=" + days;     
vm.request(uri); //don't use a new instance of a view model - use the one you have already instantiated
});
});

À l'aide d'un knock-out cliquez sur la liaison plutôt que d'attacher un gestionnaire d'événements click à l'aide de jQuery est généralement de l'itinéraire recommandé, mais il n'est pas nécessaire - de sorte que votre code existant (avec les modifications ci-dessus) devrait fonctionner correctement. Pour plus d'informations, voir L'aide discrète des gestionnaires d'événements dans le knock-out docs

OriginalL'auteur rwisch45