如何配置从 Sencha Touch 中的选择字段启动的 Ext.List？

Question

在 Sencha Touch 2 中，我有一个带有选择字段的表单面板，可以从大量模型中进行选择。通过在选择字段上设置 usePicker 属性，我可以选择 Ext.Picker 或 Ext.List 作为选择器组件。但是如何配置 Ext.List？

我尝试设置 defaultPhonePickerConfig 和 defaultTabletPickerConfig，但这似乎不起作用。具体来说，我想设置 { grouped: true, indexBar: true } 来帮助我的用户浏览一长串选项。我使用 JavaScript 调试器跟踪 showPicker() 方法并验证实例化的 Ext.List 在其配置属性中设置了这两个属性。但是列表覆盖仍然不显示组标题或索引栏。知道我做错了什么吗？

Answer 1

解决方案是将配置推迟到绘制面板组件之后：

usePicker: false,
defaultTabletPickerConfig: {
    listeners: {
        painted: function(panel) {
            var list = panel.down('list');
            list.setGrouped(true);
            list.setIndexBar(true);
        }
    }
}

这很愚蠢。