mobile - 電話で Sencha Touch 2.0 ピッカーに表示される行数を増やすにはどうすればよいですか?

Question

Sencha Touch 2.0 の日付ピッカーと一般的なピッカーで一度に表示される行数を増やす方法を知っている人はいますか?

たとえば、デフォルトでは、日付ピッカーは一度に 3 行を表示しますが、4 行を表示したいと思います。

Answer 1

あなたの質問に対する解決策はここにあります

• Sencha Touch カスタム ピッカー フォーム フィールド

Answer 2

私は最近これをもう一度調べて、css を使用した解決策を思いつきました (これにより、ピッカーに通常の 3 行ではなく 5 行が表示されます)。

.x-sheet.x-picker {
  min-height: 305px !important;
}

これは Sencha Touch 2.0.1 で動作します。「!important」は必要ありません。他のすべての後にこのcssを入れるだけです....私の場合、sassを使用して作成されたapplication.cssがありますが、その後に微調整のために適用されるapp.cssもあります。高さを設定するだけですが、次のような要素スタイルによってオーバーライドされます。

element.style {
bottom: 0px !important;
height: 220px !important;
left: 0px !important;
right: 0px !important;
z-index: 8 !important;
}

したがって、最小高さを設定することにより、高さよりも優先されます......これが最善の方法であるかどうかはわかりませんが、提案/改善を受け入れます。