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>
感谢您提前的时间!
答
没有任何方法可以做到这一点,但是selectfield是建立在并且扩展了具有分组/标题功能的真正的List组件。您可以通过将usePicker设置为false来强制选择字段使用列表重叠样式(Ext.List)而不是停靠的微调器样式(Ext.picker.Picker)。您还可以设置defaultTabletPickerConfig配置,并为对象提供items属性。在项目设置一个xtype列表的单个项目,并疯狂设置你想要的任何列表组件配置(包括你的分组/标题)。
在Ext.field.Select下查看documentation的这些属性。
+0
完美 - 非常感谢您的帮助。 – 2013-03-21 14:25:01
+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