mobile - 如何增加手机上 Sencha Touch 2.0 选择器显示的行数？

Question

有谁知道如何增加 Sencha Touch 2.0 中日期选择器和一般选择器在某一时刻显示的行数？

例如，默认情况下，日期选择器一次显示 3 行，但我想显示 4。

Answer 1

您的问题的解决方案在这里

• Sencha Touch 自定义选择器表单字段

Answer 2

我最近再次研究了这个问题并提出了一个使用 css 的解决方案（这将在选择器上显示 5 行而不是正常的 3 行）：

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

这适用于 Sencha Touch 2.0.1。“！重要”的事情不是必需的。只需将这个 css 放在其他所有内容之后......就我而言，我有一个使用 sass 创建的 application.css，但我也有一个 app.css 应用在之后进行任何调整。我只会设置高度，但它会被如下所示的元素样式覆盖：

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

因此，通过设置最小高度，它将优先于高度......我不确定这是否是最好的方法，我愿意接受建议/改进。