Buduj model knockout i dynamicznie przeglądaj, przyciski radiowe nie są ustawiane

Jestem w trakcie tworzenia jednego z nichmoje poprzednie pytania w pełni dynamiczny, ponieważ model jest zbudowany z danych serwera, a widok przechodzi przez model widoku za pośrednictwem nokautuko foreach funkcjonalność.

Problemy, przed którymi stoję, to:

Opcje radia nie są zgodne z ustawioną wartością, tzn. Klikam system operacyjny, a następnie wybieram opcję bazy danych, a następnie ustawienie systemu operacyjnego znika.

Opcje zależne (w tym przypadku baza danych i klastrowanie) nie mają zaznaczonego początkowego wyboru, gdy zmienia się zależna opcja (tj. Po zmianie systemu operacyjnego, DB powinien wrócić do pierwszej opcji, brak).

Moje skrzypce są tutaj i myślę, że problem jest związany z poniższym kodem:

 computedOptions.subscribe(function () {
                    var section = this;
                    console.log("my object: %o", section);   
                    section.selection(section.options()[0].sku);
                },section);

Lub moje powiązania widoku:

<!-- ko foreach: selectedOptions -->
    <h3><span data-bind="text: description"></span></h3>
    <table class="table table-striped table-condensed">
        <thead>
            <tr>
                <th colspan="2" style="text-align: left;">Description</th>
                <th>Price</th>
            </tr>
        </thead>
        <tbody>
            <!-- ko foreach: options -->
            <tr>
                <td><input type="radio" name="$parent.name" data-bind="checkedValue: $data, checked: $parent.selection" /></td>
                <td style="text-align: left;"><span data-bind="text: name"></span></td>
                <td style="text-align: left;"><span data-bind="text: price"></span></td>
            </tr>
            <!-- /ko -->
        </tbody>
    </table>
<!-- /ko -->

Nie jestem pewien, co i doceniłbym świeże oczy, gdy mój mózg boli z sesji jsfiddle.

questionAnswers(1)

yourAnswerToTheQuestion