valore vincolante nel KnockoutJs non riesce per selezionare quando avere tipi complessi

Question

Sto cercando di utilizzare il valore vincolante per l'elemento di selezione, come descritto in questo violino: http://jsfiddle.net/MikeEast/nM6dd/2/

Tuttavia, non riesco a essere in grado di impostare il selezionato opzione (valore vincolante).

So che posso usare il binding OptionValue, ma che rende il valore una stringa anziché un oggetto che non è preferibile. Se quello è l'unico modo per andare, come farei per garantire che l'opzione selezionata venga riscritta sul modello di visualizzazione?

Grazie!

Answer 1

Ecco la soluzione. È necessario aggiungere l'attributo optionsValue: 'id' al collegamento dati. Devi anche mettere una funzione nel tuo viewModel che restituisce l'oggetto selezionato.

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); 

Cheers!