3

のような単純なリスト

<div class="ui-page ui-page-active" id="main" >
        <ul id="currentList" class="ui-listview ui-virtuallistview">
            <li>test</li>
            <li>test2</li>
        </ul>
</div>

ウェアラブル ラウンド ウォッチの Tizen では、Gear S2 が非常にうまく機能しています。リストをウォッチホイールでスクロールすると、現在の項目が選択されているように見えます。

jquery を介していくつかの新しいリスト項目を変更または追加した後、新しい項目はウォッチ ホイールでスクロールできません。

$("#currentList").append('<li>testXXX</li>');

私たちは試しました

$("#currentList").listview('refresh');

リストを更新して再評価しますが、この機能は利用できません。

4

2 に答える 2

3

円形ギア用に作成した Web アプリでは、デフォルトで使用できる jquery ライブラリはありません。したがって、関数は利用できません listview()。

プロジェクトに jquery ライブラリを含める必要があります。その後、listview('refresh') を呼び出してリストを更新することができます。

編集:ベゼル/ホイールを使用してリストをスクロールするには?

beezel(wheel) を使用してリストをスクロールするには、追加のコードとライブラリをプロジェクトに含める必要があります。

SDK内で利用可能な次のサンプルプロジェクトを確認してください

ファイル -> Tizen 新規プロジェクト -> サンプル -> UI -> UI コンポーネント

このサンプル アプリのメイン ページには、ベゼルを使用してスクロール可能なリストが表示されます。

このプロジェクトを参考にして、Gear S2 UI ガイドラインに従ってあらゆるタイプの UI デザインを作成できます。

于 2015-11-22T16:02:25.823 に答える
0

はい、次のようにリスト要素内に空の項目を入れます。

<ul id="boardList" class="ui-listview">
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    ...
</ul>

その後、js ファイルでこれを削除し、新しい要素を追加しました。私はそれがバグであることを読みました。

初期化機能:

document.getElementById("boardList").style.display = 'none'; //hide dummy list

成功関数:

var list = document.getElementById("boardList");
list.innerHTML = ""; //clean dummy list
list.style.display = ''; //show list
for (var j = 0; j < boardingList.length; j++) {
    showItemList(j,list);
}
于 2015-12-14T10:34:47.323 に答える