Sencha Touch - 如何实施optgroup

有没有类似于使用optgroups分开Sencha Touch选择列表选项的方法？我有些需要显示的选项，就像它们被分组在几个不同的标题下一样。在常规的HTML标记中，它看起来像这样：Sencha Touch - 如何实施optgroup

<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>

感谢您提前的时间！

来源

2013-03-19 Kyle Magilavy

+1好问题！ – 1Mayur 2013-03-20 05:58:06

你必须在'tpl'配置下为它创建xtemplate，我遇到了tpl，但是它的ExtJs并没有在ST2中工作.. m试着找出可以做什么 – 1Mayur 2013-03-20 05:59:09

你可以分享代码/小提琴来展示你实施了@OhmzTech的建议？ – ThinkFloyd 2013-03-22 11:12:19

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

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

来源

2013-03-21 03:22:25 OhmzTech

完美 - 非常感谢您的帮助。 – 2013-03-21 14:25:01

Sencha Touch - 如何实施optgroup

回答

相关问题