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

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

在Ext.field.Select。

下查看这些属性的documentation

Sencha Touch - 如何实施optgroup

1 个答案: