0

マスター/詳細 UI デザイン パターンである UI があります。VDividedBox の上部セクションに 1 ~ n レコードを保持する DataGrid があり、下部に詳細ペインがあり、選択に応じて DataGrid で選択されたレコードの詳細が表示されます。

通常、DataGrid には少数のアイテムしか含まれていないため、ほとんどの場合、DataGrid のサイズを行数に合わせてサイズを変更し、詳細ペインをテーブルのすぐ下に空スペースや空行なしで表示したいと考えています。tableData がデータ プロバイダーである rowCount="{tableData.length}" を設定することで、問題なく動作するようになりました。ここまでは順調ですね。

ただし、テーブルに多数のアイテムが含まれている場合があります。このような場合、テーブルを拡大して使用可能なスペースを埋め、表示するアイテムが多すぎる場合は詳細ペインをスクロールせずにスクロールします。つまり、rowCount がデータプロバイダーの長さに設定されておらず、高さが 100% に設定されているように動作します。

私の問題は、いつこの切り替えを行うかを決定することです。行カウントベースの高さからパーセンテージベースの高さに動作を切り替える最良の方法は何ですか? または、行数ベースの高さテーブルがスペースを使い果たしたときにスクロールするトリックがありませんか?

ありがとう、

水田

4

1 に答える 1

0

次の方法でrowCountを設定するとどうなりますか:

rowCount="{tableData.length > 30 ? 30 : tableData.length }"

30 は、スケーリングする最大の高さです。

そうすれば、行が 30 (または数 #) を超える場合にスクロールされます。

于 2013-03-28T00:35:54.610 に答える