Sencha Touch - 如何实现optgroup

Question

有没有一种方法可以像使用 optgroups 一样分离出 Sencha Touch select list 的选项？ 我有些选项需要看起来像是分组在几个不同的标题下面。 在常规的 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>

非常感谢您的时间！

以下是关于IT技术的相关内容：

- Kyle Magilavy

---

你需要在“tpl”配置下创建xtemplate，我找到了一个ExtJs的tpl但在ST2中无法使用...我正在尝试弄清楚可以做什么。 - 1Mayur

你能分享一下代码/示例，展示一下你是如何实现@OhmzTech的建议的吗？ - ThinkFloyd

@Kyle 刚刚有人在尝试进行选项分组时把我链接到了这里...有点有趣！ - JoshBerke

Answer 1

没有现成的方法可以实现这一点，但是selectfield是基于并扩展了真正的List组件，而List组件确实具有分组/标题功能。您可以通过将usePicker设置为false来强制selectfield使用列表覆盖样式（Ext.List）而不是停靠旋转器样式（Ext.picker.Picker）。您还可以设置defaultTabletPickerConfig配置，并提供一个带有items属性的对象。在items中设置一个xtype为list的单个项目，并设置任何列表组件配置（包括分组/标题）。

请查看文档以获取有关这些属性的详细信息，它们位于Ext.field.Select下面。

- OhmzTech