如何配置从Sen​​cha Touch中的选择域启动的Ext.List？

Question

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

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

Answer 1

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

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

这是愚蠢的。