1

JQM リストビューで選択を使用しようとすると問題が発生します。

いくつかのコンピューターをリストするリストビューがあり、すべてのリストアイテムで、ユーザーはドロップダウンリストを介してコンピューターに変更を加えることができます。

結果は次のとおりです。 JQM問題

ビューモデルをビューにバインドするためにノックアウト js を使用しています。

ここに私のリストビューがあります:

<div data-role="page" id="page1">
<div data-role="content">
    <ul id="editComputerList" data-role="listview" data-inset="true">
        <li data-role="list-divider">
            <div class="row">
                <div class="column">
                    PC
                </div>
                <div class="column">
                    Lokasjon
                </div>
                <div class="column">
                    OS
                </div>
                <div class="column-last">
                    Språk
                </div>
            </div>
        </li>
        <!-- ko foreach: Computers -->
        <li>
            <div class="row">
                <div class="column" data-bind="text: Name">
                </div>
                <div class="column">
                    <select data-bind="value: Location, options: $root.Locations, optionsText: 'Name', optionsValue: 'Value'">
                    </select>
                </div>
                <div class="column">
                    <select data-bind="value: OsParameter, options: $root.OsParameters, optionsText: 'Name', optionsValue: 'Value'">
                    </select>
                </div>
                <div class="column-last">
                    <select data-bind="value: Language, options: $root.Languages, optionsText: 'Name', optionsValue: 'Value'">
                    </select>
                </div>
            </div>
        </li>
        <!-- /ko -->
    </ul>
</div>
</div>

そして、ここで私はモデルをビューにバインドしています:

var viewModel = new pageViewModel();
ko.applyBindings(viewModel, document.getElementById("page1"));
$("#editComputerList", "#page1").listview("refresh");
$('#editComputerList select').selectmenu();
$('#editComputerList select').selectmenu('refresh', true);

</p>

コードはここで見ることができます: http://jsfiddle.net/dankli/7hJ5d/

私が間違っていることを誰かが知っていますか、それともJQMのバグですか?

4

1 に答える 1

1

選択時に data-role="none" を設定することで、この問題を修正しました。

<select data-role="none" ...></select>

しかし、それが進むべき道かどうかはわかりません。

于 2012-12-03T09:43:55.567 に答える