knockout.js - Usando el enlace marcado en knockout con una lista de casillas de verificación, se marcan todas las casillas de verificación

Question

Tengo un problema al vincular una lista de valores complejos (identificación / descripción) a una lista de casillas de verificación.

El problema es que no necesito solo la identificación o la descripción, sino ambas cosas.

Cuando me enlace utilizando el enlace comprobado, todas las casillas de verificación de mi lista se verifican cuando hago clic en un elemento.

Esto es parte de algo más grande, y la razón por la que quiero el objeto y no solo el ID es que el tipo complejo a su vez tendrá una lista que quiero vincular a otra lista de casillas de verificación.

Aquí hay un violín que produce el problema: http://jsfiddle.net/M8KFd/1

Agradecido por tu ayuda.

Answer 1

Rastreo el estado de cada elemento individualmente, luego obtengo los elementos seleccionados usando un observable dependiente algo como esto

Answer 2

Una solución más simple, es falsificar la casilla de verificación con css, luego con knockout simplemente llame a un método que pasará todo el elemento al viewmodel:

  <li data-bind="click: $parent.setCompany">
        <span data-bind="text: CompanyName"></span>,
        <span data-bind="text: RegAddress_PostTown"></span>
   </li>

Por supuesto, esto no funciona en todos los escenarios según la respuesta de Richard Friend.