valor de falla para selecto al tener tipos complejos

Question

Estoy tratando de utilizar el valor vinculante para el elemento de selección, tal como se describe en este violín: http://jsfiddle.net/MikeEast/nM6dd/2/

Sin embargo, me parece que no puede ser capaz de establecer el seleccionado opción (enlace de valor).

Sé que puedo usar el enlace optionsValue, pero eso hace que el valor sea una cadena en lugar de un objeto que no es preferible. Si ese es el único camino a seguir, ¿cómo lo haría para asegurarme de que la opción seleccionada se vuelva a escribir en el modelo de vista?

Gracias!

Answer 1

Aquí está la solución. Debe agregar el atributo optionsValue: 'id' al enlace de datos. También tiene que poner una función en viewModel que devuelve el objeto seleccionado.

HTML

<select data-bind="options: items, optionsText: 'name', optionsValue: 'id', value: selectedItemId"></select> 
<span data-bind="text: selectedItem().name"></span> 

JS

var viewModel = function() { 
    this.items = ko.observableArray([ 
     { id: 1, name: "Apple" }, 
     { id: 2, name: "Orange"}, 
     { id: 3, name: "Banana"} 
    ]); 
    this.selectedItemId = ko.observable(3); 
    this.selectedItem = function() { 
     var self = this; 
     return ko.utils.arrayFirst(this.items(), function(item) { 
      return self.selectedItemId() == item.id; 
     }); 
    }.bind(this); 
}; 

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

Salud!