Ajuste del valor de propiedad de definición fuera Knockout vista del modelo

Question

Tengo un modelo de vista Knockout define así:

function viewModel() { 
    var self = this; 

    self.myName = ko.observable(); 
    self.myValue = ko.observable("10"); 
}; 

Ahora tenía que cambiar un valor del modelo de vista cuando se hace clic en un enlace, así:

$('a.treeitem').live("click", function (e) { 
    e.preventDefault(); 
    viewModel.myValue("20"); // this line does not work 
}); 

sin embargo, no puedo encontrar la manera correcta de ajustar el valor, la consola de Chrome muestra el siguiente mensaje: no detectada TypeError: función del objeto ViewModel() {...} tiene ningún método 'myValue'

Answer 1

Puede guardar el modelo de vista como una variable de la siguiente manera:

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

$('a.treeitem').live("click", function (e) { 
    e.preventDefault(); 
    window.vm.myValue("20"); 
}); 

Cada vez que se lee de window.vm se le lee en esa instancia real del objeto ViewModel

Answer 2

En realidad, lo que quiero hacer se puede hacer dentro de la definición de la vista del modelo, por lo que puede cambiar el código para esto:

function viewModel() { 
    var self = this; 

    self.myName = ko.observable(); 
    self.myValue = ko.observable("10"); 

    $('a.treeitem').live("click", function (e) { 
     e.preventDefault(); 
     self.myValue("20"); 
    }); 
}; 

Ahora todo funciona bien. A veces, el camino correcto realmente es el más fácil.