Skip to main content
Mejora de títulos e inclusión de ejemplo de salida por consola
Origen Enlace

#Problema y solución# Has confundido un evento de tipo checked con el enlace a datos o binding de tipo checked. El binding de Knockout requiere una expresión de tipo Observable o un valor estático, no una función que gestiona un evento.

<input type='checkbox' data-bind='checked: <expresión>'/>

En este caso has de definir un observable para cada recurso que represente el estado de estar seleccionado y enlazar la interfaz con él:

...
self.isChecked = ko.observable(valorInicial);
...

<input type='checkbox' data-bind='checked: isChecked'/>

Dependiendo de lo que debas hacer cuando se alterne el checkbox, puede tener sentido utilizar subscribirte al cambio (a) o ampliar tu modelo con un computed que dependa de los distintos observables isChecked, si esto encaja en tus necesidades. Por ejemplo:

###a)### Método subscribe###

self.isChecked.subscribe(function (value) {
    // Ojo: se dispara siempre al cambiar de estado...
    console.log((value ? 'seleccionado' : 'deseleccionado') + '(' + self.clave() + ')');
    // Salida: 
    // seleccionado(123)       // Al seleccionar
    // deseleccionado(123)     // Al deseleccionar
});

###b)### Computed###

// Si queremos mostrar cuántos recursos están seleccionados
self.numSeleccionados = ko.computed(function () {
    return self.asignados().filter(function (e) {
            return e.isChecked();
        }).length;
});

#Ejemplo:# En este fiddle hay un ejemplo concreto.

###Nota:### Realmente, la utilización del KendoGrid o un foreach de Knockout es indiferente en este caso.

#Problema y solución# Has confundido un evento de tipo checked con el enlace a datos o binding de tipo checked. El binding de Knockout requiere una expresión de tipo Observable o un valor estático, no una función que gestiona un evento.

<input type='checkbox' data-bind='checked: <expresión>'/>

En este caso has de definir un observable para cada recurso que represente el estado de estar seleccionado y enlazar la interfaz con él:

...
self.isChecked = ko.observable(valorInicial);
...

<input type='checkbox' data-bind='checked: isChecked'/>

Dependiendo de lo que debas hacer cuando se alterne el checkbox, puede tener sentido utilizar subscribirte al cambio (a) o ampliar tu modelo con un computed que dependa de los distintos observables isChecked, si esto encaja en tus necesidades. Por ejemplo:

###a)###

self.isChecked.subscribe(function (value) {
    // Ojo: se dispara siempre al cambiar de estado...
    console.log((value ? 'seleccionado' : 'deseleccionado') + '(' + self.clave() + ')');
});

###b)###

// Si queremos mostrar cuántos recursos están seleccionados
self.numSeleccionados = ko.computed(function () {
    return self.asignados().filter(function (e) {
            return e.isChecked();
        }).length;
});

#Ejemplo:# En este fiddle hay un ejemplo concreto.

###Nota:### Realmente, la utilización del KendoGrid o un foreach de Knockout es indiferente en este caso.

#Problema y solución# Has confundido un evento de tipo checked con el enlace a datos o binding de tipo checked. El binding de Knockout requiere una expresión de tipo Observable o un valor estático, no una función que gestiona un evento.

<input type='checkbox' data-bind='checked: <expresión>'/>

En este caso has de definir un observable para cada recurso que represente el estado de estar seleccionado y enlazar la interfaz con él:

...
self.isChecked = ko.observable(valorInicial);
...

<input type='checkbox' data-bind='checked: isChecked'/>

Dependiendo de lo que debas hacer cuando se alterne el checkbox, puede tener sentido subscribirte al cambio (a) o ampliar tu modelo con un computed que dependa de los distintos observables isChecked, si esto encaja en tus necesidades. Por ejemplo:

###a) Método subscribe###

self.isChecked.subscribe(function (value) {
    // Ojo: se dispara siempre al cambiar de estado...
    console.log((value ? 'seleccionado' : 'deseleccionado') + '(' + self.clave() + ')');
    // Salida: 
    // seleccionado(123)       // Al seleccionar
    // deseleccionado(123)     // Al deseleccionar
});

###b) Computed###

// Si queremos mostrar cuántos recursos están seleccionados
self.numSeleccionados = ko.computed(function () {
    return self.asignados().filter(function (e) {
            return e.isChecked();
        }).length;
});

#Ejemplo:# En este fiddle hay un ejemplo concreto.

###Nota:### Realmente, la utilización del KendoGrid o un foreach de Knockout es indiferente en este caso.

Origen Enlace

#Problema y solución# Has confundido un evento de tipo checked con el enlace a datos o binding de tipo checked. El binding de Knockout requiere una expresión de tipo Observable o un valor estático, no una función que gestiona un evento.

<input type='checkbox' data-bind='checked: <expresión>'/>

En este caso has de definir un observable para cada recurso que represente el estado de estar seleccionado y enlazar la interfaz con él:

...
self.isChecked = ko.observable(valorInicial);
...

<input type='checkbox' data-bind='checked: isChecked'/>

Dependiendo de lo que debas hacer cuando se alterne el checkbox, puede tener sentido utilizar subscribirte al cambio (a) o ampliar tu modelo con un computed que dependa de los distintos observables isChecked, si esto encaja en tus necesidades. Por ejemplo:

###a)###

self.isChecked.subscribe(function (value) {
    // Ojo: se dispara siempre al cambiar de estado...
    console.log((value ? 'seleccionado' : 'deseleccionado') + '(' + self.clave() + ')');
});

###b)###

// Si queremos mostrar cuántos recursos están seleccionados
self.numSeleccionados = ko.computed(function () {
    return self.asignados().filter(function (e) {
            return e.isChecked();
        }).length;
});

#Ejemplo:# En este fiddle hay un ejemplo concreto.

###Nota:### Realmente, la utilización del KendoGrid o un foreach de Knockout es indiferente en este caso.