Sencha Touch - 如何实现 optgroup

Question

有没有办法分离 Sencha Touch 选择列表的选项，类似于使用 optgroups？我有一些选项需要看起来像它们被分组在几个不同的标题下一样。在常规的 HTML 标记中，它看起来像：

<select>
  <optgroup label="First Group">
    <option value="A">OptionA</option>
    <option value="B">OptionA</option>
    <option value="C">OptionA</option>
  </optgroup>
  <optgroup label="Second Group">
    <option value="D">OptionA</option>
    <option value="E">OptionA</option>
    <option value="F">OptionA</option>
  </optgroup>
</select>

提前感谢您的宝贵时间！

Answer 1

没有任何开箱即用的方法，但是选择字段是建立在并扩展了具有分组/标题功能的真正 List 组件。您可以通过将 usePicker 设置为 false 来强制选择字段使用列表覆盖样式 (Ext.List) 而不是停靠微调器样式 (Ext.picker.Picker)。您还可以设置 defaultTabletPickerConfig 配置并为对象提供 items 属性。在项目中设置一个 xtype 为列表的项目，然后疯狂设置您想要的任何列表组件配置（包括您的分组/标题）。

在 Ext.field.Select 下查看这些属性的 documentation。