Sencha Touch - 如何实施optgroup

Question

有没有办法分离类似于使用optgroups的Sencha Touch选择列表的选项？我有一些选项需要看起来像是按照几个不同的标题分组.在常规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

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

查看Ext.field.Select 下这些属性的文档。