する方法でオプションを事前に選択し、ドロップダウンノックアウトJS

Question

私は、この他の質問を見てきましたが、正常に動作するように私の選択ボックスを取得することはできません：私は、次のゲームのオブジェクトを持っている Binding initial/default value of dropdown (select) list

：

function Game(visitingTeamDetails, homeTeamDetails, game) { 
if (arguments.length > 0) { 
    this.VisitingTeamDetails = visitingTeamDetails; 

    this.HomeTeamDetails = homeTeamDetails; 

    this.GameId = ko.observable(game.GameId); 
    this.HomeTeamName = ko.observable(game.HomeTeamName); 
    this.VisitingTeamName = ko.observable(game.VisitingTeamName); 
    this.SportTypeName = ko.observable(game.SportTypeName); 
    this.HomeAccountName = ko.observable(game.HomeAccountName); 
    this.VisitingAccountName = ko.observable(game.VisitingAccountName); 
    this.GameDateString = ko.observable(game.GameDateString); 
    this.GameTimeString = ko.observable(game.GameTimeString); 
    this.AvailableSportTypes = ko.observableArray(game.Sports); 

    this.sportTypeFunction = function() { 
     for (sportType in this.AvailableSportTypes()) { 
      if (this.AvailableSportTypes()[sportType].Name == this.SportTypeName()) { 
       return this.AvailableSportTypes()[sportType]; 
      } 
     } 
     return null; 
    }; 

    this.SportType = ko.observable(game.SportType); 
} 
} 

SportTypeはNameとSportTypeIdを持つオブジェクトです。

私は、次のテンプレートがあります。

<td rowspan="3"><select data-bind="options: AvailableSportTypes, value: SportType, optionsText:'Name', optionsCaption: 'Choose...'" class="sportType"></select></td> 

AvailableSportTypesはSportTypeのリストです。

リストには、スポーツタイプの名前がドロップダウンリストに表示されますが、最初の選択をSportTypeにすることはできません。私はsportTypeFunctionと書いて、データが正しく入っていることを示し、正しい値を選択しますが、ドロップダウンで自分の選択を変更してもSportTypeは更新されません。

私は何か間違っていると確信しています。誰でもそれを見ますか？ game.SportTypeが渡されます場合は

おかげで

Answer 1

、それは同じように見えるだけでオブジェクトgame.AvailableSportTypesないで項目を参照する必要があります。

基本的に2つのオブジェクトは、同じオブジェクトへの参照でない限り、等しくありません。

var a = { name: "test" }, 
    b = { name: "test" }; 

    alert(a === b); //false 

したがって、関数を呼び出して、配列内の正しいオブジェクトを探し、それをオブザーバブルの値として設定する必要があります。

KO 1.3では、observables、observableArrays、およびdependentObservablesの.fnを拡張して、機能を追加することができます。ここで

はサンプルです：http://jsfiddle.net/rniemeyer/ZP79w