0

html5とjavascriptを使用して開発しているWindowsストアアプリケーションのリストビューにテンプレートをバインドしました。リストビューアイテムのサイズをプログラムで変更する必要があります。基本的に、ページに入力タイプの範囲があります。ユーザーは入力の値を変更し、その値に従って、プログラムでリストビューアイテムのサイズを変更できるはずです。

ヘルプやポインタは大歓迎です。

前もって感謝します！

4

2 に答える 2

1

これが古いことは知っていますが、（グリッドモードに切り替える気がしなかったので）大規模なテストを行うのに何時間も費やしたところ、重なり合うことなく任意の高さのアイテムを持つことができる非常に簡単な方法を見つけました。私はそれを共有しますが、あなたがする必要があるのは、これをcssに追加することだけです:

.win-listview .win-listlayout .win-container { 
    height:auto; 
}
于 2015-02-22T01:38:18.990 に答える
0

テンプレート内のアイテムに設定されたクラスを使用して、リストビュー内のアイテムのサイズを設定できます。あなたはできる：

  1. 必要なサイズごとに異なるクラスを定義する

  2. CSS でサイズを定義します。例：

    .small {
    height: 150px;
    width: 150px;
}

.large {
    height: 300px;
    width: 300px;
}

  3. テンプレート アイテムに適切なクラスを設定します。

    var templateItem = document.querySelector("#regularListIconTextTemplate .regularListIconTextItem");
WinJS.Utilities.addClass(templateItem, "large");

  4. リストビューを更新します。

    element.querySelector("#listView").winControl.forceLayout();
于 2013-01-23T04:22:52.720 に答える