jquery-mobile - 複雑にグループ化されたデータのノックアウトを使用して選択要素を作成する

Question

のノックアウト自動バインドに問題がありselectます。

selectノックアウト ビュー モデルのすべてのデータ グループ を作成したいと考えています。これは私の問題の jsfiddle の例です!

基本的にko.observableArray([])、ユーザーのグループのリストを持つものがあります。ユーザーが .

<div data-bind="foreach: $root.userList">
        <select  data-bind="options: Users, 
                            optionsText: 'FullName', 
                            optionsValue: 'UserId',
                            value: 'UserId'">
        </select>
</div>

しかし、うまくいきません。ユーザーの単一の配列に対して機能し、divandulのli組み合わせを使用すると機能しますが、グループ化されたデータには機能しません。明らかに何かが欠けていますが、わかりません。

<div data-bind="foreach: $root.userList">
    <ul data-bind="foreach: Users">
         <li data-bind="text: FullName"></li>
    </ul>
</div>

上記のコードは正常に動作します。

誰でも私を助けることができますか？

*アップデート

Jeroen 残念なことに、jquery mobile が無効になっている場合は機能しますが、無効になっている場合は機能しません。